import { Head } from "@inertiajs/react"; import AppLayout from "@/layouts/app-layout"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { StatChip } from "@/components/crm/global-card"; import { ShieldCheck, Lock, KeyRound, Layers } from "lucide-react"; type Props = { tenantPermissions: Record>; platformPermissions: Record>; }; export default function PlatformPermissionsPage({ tenantPermissions, platformPermissions, }: Props) { const tenantTotal = Object.values(tenantPermissions).reduce( (sum, group) => sum + Object.keys(group).length, 0, ); const platformTotal = Object.values(platformPermissions).reduce( (sum, group) => sum + Object.keys(group).length, 0, ); const totalCombined = tenantTotal + platformTotal; return (
{/* Header Section */}
Security Catalog & RBAC Registry

Permission Platform

Katalog lengkap daftar permission yang menjadi fondasi keamanan RBAC untuk platform sistem dan perusahaan tenant.

{/* Metrics Grid using StatChip */}
{/* Platform Permissions Section */}

Permission Platform

{Object.entries(platformPermissions).map( ([group, permissions]) => ( ), )}
{/* Tenant Permissions Section */}

Permission Tenant / CRM

{Object.entries(tenantPermissions).map( ([group, permissions]) => ( ), )}
); } function PermissionGroup({ title, permissions, badgeTone, }: { title: string; permissions: Record; badgeTone: "indigo" | "emerald"; }) { const badgeClasses = badgeTone === "indigo" ? "bg-indigo-50 text-indigo-700 dark:bg-indigo-950/50 dark:text-indigo-300 border-0 text-[10px] font-bold" : "bg-emerald-50 text-emerald-700 dark:bg-emerald-950/50 dark:text-emerald-300 border-0 text-[10px] font-bold"; return ( {title.replace(/_/g, " ")} {Object.entries(permissions).map(([key, label]) => (
{label}
{key}
Access
))} ); }