fix(notifications): toggle notification open state on click

sws2apps · Nov 22, 2024 · 9af4f90 · 9af4f90
1 parent a798b55
commit 9af4f90
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/features/app_notification/index.tsx b/src/features/app_notification/index.tsx
@@ -5,12 +5,11 @@ import ButtonIcon from '@components/icon_button';
 import NotificationContainer from './container';
 
 const AppNotification = () => {
-  const { handleCloseNotification, handleOpenNotification, open, count } =
-    useAppNotification();
+  const { handleToggleNotificationState, open, count } = useAppNotification();
 
   return (
     <>
-      <ButtonIcon onClick={handleOpenNotification}>
+      <ButtonIcon onClick={handleToggleNotificationState}>
         <Badge
           badgeContent={count}
           slotProps={{
@@ -30,7 +29,10 @@ const AppNotification = () => {
         </Badge>
       </ButtonIcon>
 
-      <NotificationContainer onClose={handleCloseNotification} open={open} />
+      <NotificationContainer
+        onClose={handleToggleNotificationState}
+        open={open}
+      />
     </>
   );
 };

diff --git a/src/features/app_notification/useAppNotification.tsx b/src/features/app_notification/useAppNotification.tsx
@@ -14,20 +14,15 @@ const useAppNotification = () => {
 
   const count = notifications.filter((record) => !record.read).length;
 
-  const handleOpenNotification = async () => {
+  const handleToggleNotificationState = async () => {
     setIsMyAssignmentOpen(false);
 
-    setOpen(true);
-  };
-
-  const handleCloseNotification = () => {
-    setOpen(false);
+    setOpen((prev) => !prev);
   };
 
   return {
     open,
-    handleOpenNotification,
-    handleCloseNotification,
+    handleToggleNotificationState,
     count,
   };
 };