Merge pull request #247 from Team-TenTen/feature/#246/bug-notificatio…

…n-count 알림 삭제 기능 수정
Team-TenTen · Dec 3, 2023 · fcd694a · fcd694a
2 parents 5a96cc6 + 48a44a9
commit fcd694a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/src/app/(routes)/notification/page.tsx b/src/app/(routes)/notification/page.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import { NONE_NOTIFICATION_RESULT } from '@/components/common/NotificationList/constants'
+import { SEACH_MODAL_INFO } from '@/components/common/SearchModal/constants'
 
 const NotificationPage = () => {
   return (
@@ -19,7 +20,7 @@ const NotificationPage = () => {
         />
       ))} */}
       <div className="py-5 text-center text-sm font-medium text-gray9">
-        {NONE_NOTIFICATION_RESULT}
+        {SEACH_MODAL_INFO}
       </div>
     </div>
   )

diff --git a/src/components/common/NotificationList/NotificationList.tsx b/src/components/common/NotificationList/NotificationList.tsx
@@ -63,7 +63,7 @@ const NotificationList = ({ fetchFn, type }: NotificationListProps) => {
           </Fragment>
         ))
       ) : (
-        <div className="flex justify-center text-base font-semibold text-gray9">
+        <div className="py-5 text-center text-sm font-medium text-gray9">
           {NONE_NOTIFICATION_RESULT}
         </div>
       )}

diff --git a/src/components/common/NotificationList/hooks/useAcceptNotification.ts b/src/components/common/NotificationList/hooks/useAcceptNotification.ts
@@ -24,6 +24,9 @@ const useAcceptNotification = ({ type }: UseAcceptNotificationProps) => {
       notify('success', NOTIFICATION_INVITE.SUCCESS)
       router.push(`/space/${spaceId}`)
       await queryclient.invalidateQueries({ queryKey: ['notification', type] })
+      await queryclient.invalidateQueries({
+        queryKey: ['notificationCount'],
+      })
     } catch (e) {
       console.error(e)
     }

diff --git a/src/components/common/NotificationList/hooks/useDeleteNotification.ts b/src/components/common/NotificationList/hooks/useDeleteNotification.ts
@@ -16,6 +16,7 @@ const useDeleteNotification = ({ type }: UseDeleteNotificationProps) => {
   }: FetchDeleteNotificationProps) => {
     await fetchDeleteNotification({ notificationId })
     await queryclient.invalidateQueries({ queryKey: ['notification', type] })
+    await queryclient.invalidateQueries({ queryKey: ['notificationCount'] })
   }
 
   return { handleDeleteNotification }