notification implemented

apps/dashboard/src/components/layout/TopBar.tsx

@@ -3,6 +3,7 @@
 import { Bell } from 'lucide-react'
 import { usePathname, useRouter } from 'next/navigation'
 import { useState, useEffect } from 'react'
+import { io } from 'socket.io-client'
 import { EMPLOYEE_PROFILE_KEY, EMPLOYEE_TOKEN_KEY, apiFetch } from '@/lib/api'
 import { useDashboardI18n } from '@/components/I18nProvider'
 import { toDashboardAppPath } from '@/lib/dashboardPaths'
@@ -34,6 +35,11 @@ export default function TopBar() {
   const [mounted, setMounted] = useState(false)
   useEffect(() => { setMounted(true) }, [])
 
+  function getEmployeeToken() {
+    if (typeof window === 'undefined') return null
+    return window.localStorage.getItem(EMPLOYEE_TOKEN_KEY)
+  }
+
   const title = (() => {
     if (!mounted) return dict.titles['/']
     if (dict.titles[appPath]) return dict.titles[appPath]
@@ -42,6 +48,11 @@ export default function TopBar() {
     return dict.titles['/']
   })()
   async function refreshUnreadCount() {
+    if (!getEmployeeToken()) {
+      setUnreadCount(0)
+      return
+    }
+
     try {
       const data = await apiFetch<{ unread: number }>('/notifications/unread-count')
       setUnreadCount(data.unread)
@@ -60,8 +71,29 @@ export default function TopBar() {
     return () => window.removeEventListener('notifications:updated', onNotificationsUpdated)
   }, [])
 
+  useEffect(() => {
+    const token = window.localStorage.getItem(EMPLOYEE_TOKEN_KEY)
+    if (!token) return
+
+    const socketUrl = (process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:4000/api/v1').replace('/api/v1', '')
+    const socket = io(socketUrl, { auth: { token }, transports: ['websocket'] })
+
+    socket.on('notification', () => {
+      setUnreadCount((prev) => prev + 1)
+      window.dispatchEvent(new Event('notifications:updated'))
+    })
+
+    return () => { socket.disconnect() }
+  }, [])
+
   useEffect(() => {
     if (!showNotifs) return
+    if (!getEmployeeToken()) {
+      setNotifications([])
+      setLoadingNotifs(false)
+      return
+    }
+
     let cancelled = false
     setLoadingNotifs(true)
     apiFetch<Array<{