// app/(dashboard)/layout.tsx
'use client';
import { useEffect, useState } from 'react';
import { useRouter } from 'next/navigation';
import { useAppSelector } from '@/hooks/useRedux';
import { Sidebar } from '@/components/dashboard/sidebar';
import { Header } from '@/components/dashboard/header';
export default function DashboardLayout({
children,
}: {
children: React.ReactNode;
}) {
const router = useRouter();
const userState = useAppSelector((state) => state.user);
const [collapsed, setCollapsed] = useState(false);
// ✅ FIX: Correct path - accessToken is directly in userState
const accessToken = userState?.accessToken; // ← Yahan change karo
const currentCustomer = userState?.currentCustomer; // ← currentCustomer directly
const loading = userState?.loading;
useEffect(() => {
if (!loading && !accessToken && !currentCustomer) {
console.log("No token, redirecting to login");
router.replace('/login');
}
}, [accessToken, currentCustomer, loading, router]);
if (loading && !accessToken && !currentCustomer) { // ← Sirf initial load ke liye
return (
);
}
if (!accessToken && !currentCustomer) {
return null;
}
return (
);
}