diff --git a/src/components/layout/AdminHeader.tsx b/src/components/layout/AdminHeader.tsx index a9302860..02ec6125 100644 --- a/src/components/layout/AdminHeader.tsx +++ b/src/components/layout/AdminHeader.tsx @@ -1,4 +1,4 @@ -import { Shield, ArrowLeft, Settings, RefreshCw } from 'lucide-react'; +import { Shield, ArrowLeft, Settings, RefreshCw, Menu } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Link, useLocation } from 'react-router-dom'; import { ThemeToggle } from '@/components/theme/ThemeToggle'; @@ -6,11 +6,20 @@ import { AuthButtons } from '@/components/auth/AuthButtons'; import { NotificationCenter } from '@/components/notifications/NotificationCenter'; import { useUserRole } from '@/hooks/useUserRole'; import { useAuth } from '@/hooks/useAuth'; +import { useIsMobile } from '@/hooks/use-mobile'; +import { + Sheet, + SheetContent, + SheetHeader, + SheetTitle, + SheetTrigger, +} from '@/components/ui/sheet'; export function AdminHeader({ onRefresh }: { onRefresh?: () => void }) { const { permissions } = useUserRole(); const { user } = useAuth(); const location = useLocation(); + const isMobile = useIsMobile(); const isSettingsPage = location.pathname === '/admin/settings'; const backLink = isSettingsPage ? '/admin' : '/'; @@ -42,24 +51,65 @@ export function AdminHeader({ onRefresh }: { onRefresh?: () => void }) { {/* Right Section - Admin actions */}