ppt-tool/frontend/app/admin/components/RoleBadge.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

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