);
}
// ── Main layout ────────────────────────────────────────────────────────────────
export default function AdminLayout({ children }: { children: React.ReactNode }) {
const pathname = usePathname();
const router = useRouter();
const [ready, setReady] = useState(false);
const [mobileOpen, setMobileOpen] = useState(false);
useEffect(() => {
// Login page is always accessible — layout renders it as a pass-through
if (pathname === "/admin/login") {
console.log("[ADMIN_AUTH] on login page, skipping token check");
setReady(true);
return;
}
// getAdminToken() checks sessionStorage first, then falls back to the
// drivehub_admin_session cookie and syncs it back into sessionStorage.
// This prevents a redirect loop when the user opens admin in a new tab
// (sessionStorage is empty but the cookie is present).
const token = getAdminToken();
console.log("[ADMIN_AUTH] path=%s token=%s", pathname, token ? "found" : "missing");
if (!token) {
console.log("[ADMIN_REDIRECT] %s → /admin/login (no token)", pathname);
router.replace("/admin/login");
} else {
setReady(true);
}
// ⚠ Do NOT add `router` to the dependency array.
// useRouter() in Next.js App Router is stable, but older React versions
// return a new object on each render. Having it in deps causes the effect
// to re-fire on every render, re-reading the token unnecessarily.
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [pathname]);
// Close mobile drawer on route change
useEffect(() => { setMobileOpen(false); }, [pathname]);
// Body scroll lock
useEffect(() => {
document.body.style.overflow = mobileOpen ? "hidden" : "";
return () => { document.body.style.overflow = ""; };
}, [mobileOpen]);
function handleLogout() {
console.log("[ADMIN_AUTH] logout — clearing token");
clearAdminToken(); // removes sessionStorage key + expires cookie
router.replace("/admin/login");
}
if (pathname === "/admin/login") return <>{children};
if (!ready) {
return (