import { Head, Link, router } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import type { Company, PaginatedData, User } from '@/types'; type AdminUser = User & { role: 'admin' | 'agent' | 'user'; company_id: number | null; company?: Pick | null; }; type Props = { users: PaginatedData; }; const roleBadgeClass: Record = { admin: 'border border-rose-800 bg-rose-950 text-rose-300', agent: 'border border-amber-800 bg-amber-950 text-amber-300', user: 'border border-sky-800 bg-sky-950 text-sky-300', }; export default function UsersIndex({ users }: Props) { function handleDelete(user: AdminUser) { const confirmed = window.confirm( `Delete user ${user.name} (${user.email})? This action cannot be undone.`, ); if (!confirmed) { return; } router.delete(`/admin/users/${user.id}`); } return ( <>

Users

{users.data.map((user) => ( ))} {users.data.length === 0 && ( )}
Name Email Role Company Created Actions
{user.name} {user.email} {user.role} {user.company?.name ?? '—'} {new Date(user.created_at).toLocaleDateString()}
No users found. Add your first user to get started.
{users.last_page > 1 && (
{users.prev_page_url && ( )} Page {users.current_page} of {users.last_page} {users.next_page_url && ( )}
)}
); }