🎉 모두 읽음 처리 버튼 데이터 없는 경우, 지난 소식 탭일 경우 처리

team-nabi · Nov 27, 2023 · 63a59ad · 63a59ad
1 parent 8adc043
commit 63a59ad
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/...)/(routes)/notifications/components/notification-list-content/NotificationListContent.tsx b/...)/(routes)/notifications/components/notification-list-content/NotificationListContent.tsx
@@ -31,7 +31,7 @@ const NotificationListContent = () => {
 
   return (
     <>
-      <NotificationReadButton />
+      <NotificationReadButton isEmpty={isEmpty} isRead={isRead} />
       <NotificationStatusTabs setIsRead={setIsRead} />
       <ExceptionBoundary
         isLoading={isLoading}

diff --git a/...ot)/(routes)/notifications/components/notification-read-button/NotificationReadButton.tsx b/...ot)/(routes)/notifications/components/notification-read-button/NotificationReadButton.tsx
@@ -1,20 +1,33 @@
 import Button from '@/components/ui/button'
 import { useNotificationListUpdateMutation } from '@/hooks/api/mutations/useNotificationListUpdateMutation'
 
-const NotificationReadButton = () => {
+type NotificationReadButtonProps = {
+  isRead: boolean
+  isEmpty: boolean
+}
+
+const NotificationReadButton = ({
+  isEmpty,
+  isRead,
+}: NotificationReadButtonProps) => {
   const { mutate } = useNotificationListUpdateMutation()
 
   const handleReadAllNotifications = () => {
     mutate()
     window.location.reload()
   }
 
+  if (isRead) {
+    return null
+  }
+
   return (
     <div className="flex justify-end">
       <Button
         variant={'gradation'}
         rounded={'lg'}
         onClick={handleReadAllNotifications}
+        disabled={isEmpty}
       >
         모두 읽음 처리
       </Button>