fix: only show unread badge after dismissal

5afe · Jun 17, 2022 · 0637f12 · 0637f12
1 parent 67c235f
commit 0637f12
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/AppLayout/Header/components/Notifications/index.tsx b/src/components/AppLayout/Header/components/Notifications/index.tsx
@@ -41,7 +41,10 @@ const Notifications = ({ open, toggle, clickAway }: Props): ReactElement => {
   const notificationsToShow =
     canExpand && showAll ? sortedNotifications : sortedNotifications.slice(0, NOTIFICATION_LIMIT)
 
-  const unreadCount = useMemo(() => notifications.filter(({ read }) => !read).length, [notifications])
+  const unreadCount = useMemo(
+    () => notifications.filter(({ read, dismissed }) => !read && dismissed).length,
+    [notifications],
+  )
   const hasUnread = unreadCount > 0
 
   const handleClickBell = () => {