Phase 1 (Foundation): - Project restructure (presenton-main → backend/ + frontend/) - Database schema (8 new models, Alembic config, seed script) - Auth (Azure AD SSO + dev bypass, JWT sessions, AuthMiddleware) - RBAC (access_service, rbac_middleware, admin routers) - Audit logging (fire-and-forget, AuditMiddleware, admin router) - i18n (react-i18next with 5 namespace files) Phase 2 (Admin Panel & Client Management): - Admin panel shell (sidebar layout, role guard, 12 pages) - Redux admin slice with 18 async thunks - User management (role changes, deactivation) - Client management (CRUD, brand config, team management) - Brand config editor (colors, fonts, logos, voice rules) - Master deck upload & parser (PPTX → HTML → React pipeline) - Audit log viewer with filters and CSV/JSON export Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
39 lines
1 KiB
TypeScript
39 lines
1 KiB
TypeScript
'use client';
|
|
|
|
import { useSelector } from 'react-redux';
|
|
import { RootState } from '@/store/store';
|
|
import { useRouter } from 'next/navigation';
|
|
import { useEffect } from 'react';
|
|
import AdminSidebar from './components/AdminSidebar';
|
|
|
|
export default function AdminLayout({ children }: { children: React.ReactNode }) {
|
|
const router = useRouter();
|
|
const { user, isLoading, isAuthenticated } = useSelector(
|
|
(state: RootState) => state.auth
|
|
);
|
|
|
|
useEffect(() => {
|
|
if (!isLoading && isAuthenticated && user?.role === 'user') {
|
|
router.push('/dashboard');
|
|
}
|
|
}, [isLoading, isAuthenticated, user, router]);
|
|
|
|
if (isLoading) {
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center bg-gray-50">
|
|
<p className="text-gray-500">Loading...</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (!isAuthenticated || user?.role === 'user') {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className="min-h-screen bg-gray-50 flex">
|
|
<AdminSidebar />
|
|
<main className="flex-1 p-6 overflow-auto">{children}</main>
|
|
</div>
|
|
);
|
|
}
|