Function DashboardLayout

src/layouts/DashboardLayout.jsx:37–213

()

);

export default function DashboardLayout() {
    const location = useLocation();
    const { logout } = useAuth();
    const [sidebarOpen, setSidebarOpen] = useState(false);

    const isActive = (path) => location.pathname === path;

    // Close sidebar when route changes (mobile)
    useEffect(() => {
        setSidebarOpen(false);
    }, [location.pathname]);

    // Prevent body scroll when mobile menu is open
    useEffect(() => {
        if (sidebarOpen) {
            document.body.style.overflow = 'hidden';
        } else {
            document.body.style.overflow = 'unset';
        }
        return () => {
            document.body.style.overflow = 'unset';
        };
    }, [sidebarOpen]);

    const SidebarContent = () => (
        <>
            <div className="p-6 space-y-2 overflow-y-auto flex-1">
                <SidebarItem
                    to="/dashboard"
                    icon={LayoutDashboard}
                    label="Overview"
                    active={isActive("/dashboard")}
                    onClick={() => setSidebarOpen(false)}
                />
                <SidebarItem
                    to="/my-domains"
                    icon={Globe}
                    label="My Domains"
                    active={isActive("/my-domains")}
                    onClick={() => setSidebarOpen(false)}
                />
                <SidebarItem
                    to="/dns"
                    icon={Server}
                    label="DNS Records"
                    active={isActive("/dns")}
                    onClick={() => setSidebarOpen(false)}
                />
                <SidebarItem
                    to="/register"
                    icon={Plus}
                    label="Register Domain"
                    active={isActive("/register")}
                    onClick={() => setSidebarOpen(false)}
                />
                <SidebarItem
                    to="/history"
                    icon={Clock}