diff --git a/frontend/src/app/admin/layout.tsx b/frontend/src/app/admin/layout.tsx index 54a34a3..47d3188 100644 --- a/frontend/src/app/admin/layout.tsx +++ b/frontend/src/app/admin/layout.tsx @@ -5,6 +5,7 @@ import Link from 'next/link'; import { usePathname, useRouter } from 'next/navigation'; import { useToast } from '@/contexts/ToastContext'; import { useConfirm } from '@/contexts/ConfirmContext'; +import { useTheme } from 'next-themes'; type TranslationSummary = { slug: string; @@ -22,10 +23,12 @@ export default function AdminLayout({ const [isLoading, setIsLoading] = useState(true); const [showAvatarModal, setShowAvatarModal] = useState(false); const [isUploading, setIsUploading] = useState(false); + const [mounted, setMounted] = useState(false); const pathname = usePathname(); const router = useRouter(); const { success, error } = useToast(); const { confirm } = useConfirm(); + const { theme, setTheme } = useTheme(); const [showNotifications, setShowNotifications] = useState(false); const [translationSummary, setTranslationSummary] = useState([]); const [isFetchingTranslations, setIsFetchingTranslations] = useState(false); @@ -80,6 +83,7 @@ export default function AdminLayout({ }, [success]); useEffect(() => { + setMounted(true); const fetchUser = async () => { try { const response = await fetch('/api/auth/me'); @@ -284,6 +288,19 @@ export default function AdminLayout({
+ {/* Dark Mode Toggle */} + +