fix: Hidind badge if notification count is 0

limanmys · Jun 10, 2024 · b0bfa9b · b0bfa9b
1 parent 5aeba0d
commit b0bfa9b
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/navigation/notifications.tsx b/src/components/navigation/notifications.tsx
@@ -137,9 +137,12 @@ export default function Notifications() {
         >
           <Bell className="size-5" />
           <span className="sr-only">Notifications</span>
-          <Badge className="absolute right-0 top-0 rounded-full px-[4px] py-[2px] text-[11px] leading-[11px]">
-            {getNotSeenNotificationCount()}
-          </Badge>
+          {
+            getNotSeenNotificationCount() > 0 && 
+              <Badge className="absolute right-0 top-0 rounded-full px-[4px] py-[2px] text-[11px] leading-[11px]" >
+                {getNotSeenNotificationCount()}
+              </Badge> 
+          }
         </div>
       </DropdownMenuTrigger>
       <DropdownMenuContent className="mr-5 w-[500px]">