"use client";
import "./globals.css";
import { useEffect, useRef } from "react";
import { usePathname } from "next/navigation";
import { ThemeProvider } from "next-themes";
import Footer from "@/components/Footer";
import { SidebarOverlayContext } from "@/context/SidebarContext";
import { getPageTitleForPath } from "@/lib/page-titles";
import { ApiLoadingProvider } from "@/context/ApiLoadingContext";
import CommonSettingsModal from "@/components/CommonSettingsModal";
import { Header } from "@/components/layout/Header";
import { Sidebar } from "@/components/layout/Sidebar";
import { useSessionVerification } from "@/hooks/useSessionVerification";
import { useHeaderHeight } from "@/hooks/useHeaderHeight";
import { useMenuState } from "@/hooks/useMenuState";
import { useSidebarState } from "@/hooks/useSidebarState";
import { isAuthRoute, CHROME_EXCLUDED_ROUTES } from "@/utils/layout-utils";
const DEFAULT_HEADER_HEIGHT = 110;
export default function RootLayout({ children }: { children: React.ReactNode }) {
const pathname = usePathname();
const headerRef = useRef(null);
const shouldSkipChrome = isAuthRoute(pathname, CHROME_EXCLUDED_ROUTES);
const headerHeight = useHeaderHeight(headerRef, !shouldSkipChrome);
const headerOffset = shouldSkipChrome ? 0 : headerHeight || DEFAULT_HEADER_HEIGHT;
const { settingsOpen, setSettingsOpen, userMenuOpen, setUserMenuOpen } =
useMenuState(!shouldSkipChrome);
const {
sidebarOpen,
sidebarReportOpen,
commonSettingsModalOpen,
handleToggleSidebar,
handleToggleSidebarReport,
handleCloseSidebars,
handleOpenCommonSettings,
handleCloseCommonSettings,
} = useSidebarState();
useSessionVerification(shouldSkipChrome);
useEffect(() => {
if (typeof document === "undefined" || !pathname) return;
document.title = getPageTitleForPath(pathname);
}, [pathname]);
const handleToggleSettings = () => {
setSettingsOpen((open) => {
if (!open) setUserMenuOpen(false);
return !open;
});
};
const handleCloseSettings = () => setSettingsOpen(false);
const handleToggleUserMenu = () => {
setUserMenuOpen((open) => {
if (!open) setSettingsOpen(false);
return !open;
});
};
const hideFooter = shouldSkipChrome || pathname?.includes("/create/");
return (
{shouldSkipChrome ? (
{children}
) : (
<>
{children}
{!hideFooter && }
)}
{shouldSkipChrome && !hideFooter && }
);
}