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>
23 lines
600 B
TypeScript
23 lines
600 B
TypeScript
'use client';
|
|
|
|
const ROLE_STYLES: Record<string, string> = {
|
|
super_admin: 'bg-purple-100 text-purple-800',
|
|
client_admin: 'bg-blue-100 text-blue-800',
|
|
user: 'bg-gray-100 text-gray-800',
|
|
};
|
|
|
|
const ROLE_LABELS: Record<string, string> = {
|
|
super_admin: 'Super Admin',
|
|
client_admin: 'Client Admin',
|
|
user: 'User',
|
|
};
|
|
|
|
export default function RoleBadge({ role }: { role: string }) {
|
|
return (
|
|
<span
|
|
className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${ROLE_STYLES[role] || ROLE_STYLES.user}`}
|
|
>
|
|
{ROLE_LABELS[role] || role}
|
|
</span>
|
|
);
|
|
}
|