'use client';
import React, { useEffect, useState } from 'react';
import { useRouter, usePathname } from 'next/navigation';
import { Menu } from 'lucide-react';
import Sidebar from '@/components/Sidebar';
import { useAuth } from '@/context/AuthContext';
export default function AdminLayout({ children }: { children: React.ReactNode }) {
const { user, loading } = useAuth();
const router = useRouter();
const pathname = usePathname();
const [isSidebarOpen, setIsSidebarOpen] = useState(false);
// Close sidebar on route change
useEffect(() => {
setIsSidebarOpen(false);
}, [pathname]);
useEffect(() => {
if (!loading) {
if (pathname === '/admin/login') {
if (user) {
if (user.role === 'admin' || user.role === 'super_admin') {
router.replace('/admin/dashboard');
} else {
router.replace('/student/dashboard');
}
}
} else {
if (!user) {
router.replace('/admin/login');
} else if (user.role !== 'admin' && user.role !== 'super_admin') {
router.replace('/student/dashboard');
}
}
}
}, [user, loading, router, pathname]);
if (pathname === '/admin/login') {
if (loading || user) {
return null;
}
return <>{children};
}
if (loading || !user || (user.role !== 'admin' && user.role !== 'super_admin')) {
return (
Loading admin workspace...
);
}
return (
setIsSidebarOpen(false)} />
{/* Admin Top Header */}
{children}
);
}