feat(notifications): ensure course notices notifs cleared on screen blur

polito · Jan 30, 2024 · 02cc123 · 02cc123
1 parent e1f0726
commit 02cc123
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/src/features/courses/screens/CourseNoticesScreen.tsx b/src/features/courses/screens/CourseNoticesScreen.tsx
@@ -15,6 +15,7 @@ import { BottomBarSpacer } from '../../../core/components/BottomBarSpacer';
 import { useAccessibility } from '../../../core/hooks/useAccessibilty';
 import { useNotifications } from '../../../core/hooks/useNotifications';
 import { useOfflineDisabled } from '../../../core/hooks/useOfflineDisabled';
+import { useOnLeaveScreen } from '../../../core/hooks/useOnLeaveScreen';
 import { useSafeAreaSpacing } from '../../../core/hooks/useSafeAreaSpacing';
 import { useGetCourseNotices } from '../../../core/queries/courseHooks';
 import { GlobalStyles } from '../../../core/styles/GlobalStyles';
@@ -41,12 +42,14 @@ export const CourseNoticesScreen = () => {
       })) ?? [],
     [noticesQuery],
   );
-  const noticesNotificationScope = [
-    'teaching',
-    'courses',
-    courseId.toString(),
-    'notices',
-  ];
+  const noticesNotificationScope = useMemo(
+    () => ['teaching', 'courses', courseId.toString(), 'notices'],
+    [courseId],
+  );
+
+  useOnLeaveScreen(() => {
+    clearNotificationScope(noticesNotificationScope);
+  });
 
   return (
     <FlatList