feature/IO-3096-GlobalNotifications - Checkpoint

client/src/components/header/header.component.jsx

@@ -128,7 +128,6 @@ function Header({
 
   const { isConnected } = useSocket(bodyshop);
   const [notificationVisible, setNotificationVisible] = useState(false);
-  const [displayCount, setDisplayCount] = useState(0); // Explicit state for badge
 
   const {
     data: unreadData,
@@ -141,37 +140,17 @@ function Header({
 
   const unreadCount = unreadData?.notifications_aggregate?.aggregate?.count ?? 0;
 
-  // Update displayCount when unreadCount changes
-  useEffect(() => {
-    console.log("Updating displayCount with unreadCount:", unreadCount);
-    setDisplayCount(unreadCount);
-  }, [unreadCount]);
-
   // Initial fetch and socket status handling
   useEffect(() => {
-    console.log("Running initial refetchUnread");
     refetchUnread();
   }, [refetchUnread]);
 
   useEffect(() => {
     if (!isConnected && !unreadLoading) {
-      console.log("Socket disconnected, refetching unread count");
       refetchUnread();
     }
   }, [isConnected, unreadLoading, refetchUnread]);
 
-  // Debug logging
-  useEffect(() => {
-    console.log("Unread Count State:", {
-      unreadCount,
-      displayCount,
-      unreadLoading,
-      isConnected,
-      unreadData: unreadData?.notifications_aggregate,
-      rawUnreadData: unreadData
-    });
-  }, [unreadCount, displayCount, unreadLoading, isConnected, unreadData]);
-
   const handleNotificationClick = (e) => {
     setNotificationVisible(!notificationVisible);
     if (handleMenuClick) handleMenuClick(e);
@@ -710,7 +689,7 @@ function Header({
       icon: unreadLoading ? (
         <Spin size="small" />
       ) : (
-        <Badge count={displayCount}>
+        <Badge count={unreadCount}>
           <BellFilled />
         </Badge>
       ),