'use client'; import { useEffect, useState } from 'react'; import { usePathname, useRouter } from 'next/navigation'; import Link from 'next/link'; import { Badge } from '@/components/ui/badge'; import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet'; import { Button } from '@/components/ui/button'; import { PanelLeft, Building } from 'lucide-react'; import { CompactLanguageSwitcher } from './compact-language-switcher'; import { DashboardUserMenu } from './dashboard-user-menu'; import { getIconComponent } from './icon-map'; interface NavLink { href: string; label: string; iconName: string; badge?: number | null; children?: NavLink[]; } export function MobileNavMenu({ navLinks, appName, appLogoUrl, isRtl, isPos, isAdmin, employeeCashAccountCode, currentLocale, languageT, userName, userInitial, userAvatarUrl, userAvatarHint, settingsLabel, supportLabel, logoutLabel, }: { navLinks: NavLink[]; appName: string; appLogoUrl?: string; isRtl: boolean; isPos: boolean; isAdmin: boolean; employeeCashAccountCode?: string; currentLocale: string; languageT: any; userName: string; userInitial: string; userAvatarUrl?: string; userAvatarHint?: string; settingsLabel: string; supportLabel: string; logoutLabel: string; }) { const [mounted, setMounted] = useState(false); const [open, setOpen] = useState(false); const [liveWorkTasksBadge, setLiveWorkTasksBadge] = useState(null); const [liveMyTasksBadge, setLiveMyTasksBadge] = useState(null); const pathname = usePathname(); const router = useRouter(); const isPosPage = pathname?.startsWith('/admin/sales/pos'); const resolveLiveBadge = (href: string, fallback?: number | null) => { if (href === '/employee/work-tasks') return liveWorkTasksBadge ?? fallback ?? null; if (href === '/employee/my-tasks') return liveMyTasksBadge ?? fallback ?? null; return fallback ?? null; }; const handlePosLinkClick = async (event: React.MouseEvent, href: string) => { if (href !== '/admin/sales/pos') { setOpen(false); return; } event.preventDefault(); setOpen(false); const hasEmployeeCashAccount = String(employeeCashAccountCode || '').trim().length > 0; if (!hasEmployeeCashAccount) { window.alert('لا يمكنك الشروع في البيع من خلال نقطة البيع لعدم وجود صندوق موظف مفعّل.'); return; } if (typeof document !== 'undefined' && !document.fullscreenElement) { void document.documentElement.requestFullscreen().catch(() => { // Browser may block fullscreen in some cases; continue navigation regardless. }); } router.push(href); }; useEffect(() => { setMounted(true); }, []); useEffect(() => { let isMounted = true; const updateNotifications = async () => { try { const response = await fetch('/api/employee/work-tasks/notifications', { method: 'GET', cache: 'no-store', }); if (!response.ok) return; const payload = await response.json() as { workTasksCount?: number; myTasksCount?: number }; if (!isMounted) return; const workTasksCount = Number(payload?.workTasksCount || 0); const myTasksCount = Number(payload?.myTasksCount || 0); setLiveWorkTasksBadge(workTasksCount > 0 ? workTasksCount : null); setLiveMyTasksBadge(myTasksCount > 0 ? myTasksCount : null); } catch { // Keep previous badge value when polling fails. } }; void updateNotifications(); const intervalId = window.setInterval(() => { void updateNotifications(); }, 15000); return () => { isMounted = false; window.clearInterval(intervalId); }; }, []); if (isPosPage) { return null; } if (!mounted) { return ( ); } return (
); }