63 lines
1.5 KiB
TypeScript
63 lines
1.5 KiB
TypeScript
'use client';
|
|
|
|
import { useSession } from 'next-auth/react';
|
|
import { useRouter } from 'next/navigation';
|
|
import { useEffect } from 'react';
|
|
import { Footer } from '@/components/layout/Footer';
|
|
import { AgentHeader } from '@/components/layout/AgentHeader';
|
|
|
|
export default function AgentLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
const { data: session, status } = useSession();
|
|
const router = useRouter();
|
|
|
|
useEffect(() => {
|
|
if (status === 'loading') return;
|
|
|
|
if (!session) {
|
|
router.replace('/login');
|
|
return;
|
|
}
|
|
|
|
// Redirect non-agents to user dashboard
|
|
const userRole = (session.user as any)?.role;
|
|
if (userRole !== 'AGENT') {
|
|
router.replace('/user/userprofile');
|
|
}
|
|
}, [session, status, router]);
|
|
|
|
if (status === 'loading' || !session) {
|
|
return (
|
|
<div className="min-h-screen bg-white flex items-center justify-center">
|
|
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-[#00293d]"></div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="min-h-screen bg-white flex flex-col">
|
|
{/* Main Content Area */}
|
|
<main className="flex-1">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
|
|
{/* Header Bar */}
|
|
<AgentHeader
|
|
userName={session?.user?.name}
|
|
userEmail={session?.user?.email}
|
|
/>
|
|
|
|
{/* Page Content */}
|
|
<div className="mt-6">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
{/* Footer */}
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|