ppt-tool/frontend/app/admin/layout.tsx
Vadym Samoilenko cf21ba4516 Phase 1-2: Foundation + Admin Panel & Client Management
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>
2026-02-26 15:37:17 +00:00

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>
);
}