import { DataTable } from '@/components/core/data-table'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import AppLayout from '@/layouts/app-layout'; import { Role } from '@/types/core'; import { Head, Link, router } from '@inertiajs/react'; interface RolesIndexProps { roles: Role[]; } export default function RolesIndex({ roles }: RolesIndexProps) { const handleDelete = (id: number) => { if (confirm('Are you sure you want to delete this role?')) { router.delete(`/core/roles/${id}`); } }; return (

Roles

Manage roles and permissions

( {row.name} ), }, { header: 'Type', accessor: (row) => ( {row.is_root ? 'Root' : 'Standard'} ), }, { header: 'Level', accessor: 'hierarchy_level', }, { header: 'Module', accessor: (row) => row.module_name || '-', }, { header: 'Permissions', accessor: (row) => row.permissions?.length || 0, }, ]} actions={(row) => ( <> {!row.is_root && ( )} )} />
); }