import { Head, Link, router } from '@inertiajs/react'; import { Plus, Trash2 } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { type Role } from '@/types'; export default function AdminRolesIndex({ roles }: { roles: Role[] }) { const destroy = (id: number) => { if (!confirm('Delete this role?')) { return; } router.delete(`/admin/roles/${id}`); }; return (
{roles.length} role{roles.length !== 1 ? 's' : ''}
All Roles {roles.map((role) => ( ))} {!roles.length && ( )}
Name Permissions Actions
{role.name} {role.permissions && role.permissions.length > 0 ? (
{role.permissions.slice(0, 5).map((p) => ( {p.name} ))} {role.permissions.length > 5 && ( +{role.permissions.length - 5} more )}
) : ( No permissions )}
Edit
No roles found. Create one to get started.
); }