import AuthenticatedLayout from '@/layouts/AuthenticatedLayout'; import { PageProps } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Trash2, Edit } from 'lucide-react'; interface User { id: number; name: string; email: string; role: string; } interface UsersIndexProps extends PageProps { users: User[]; } export default function UsersIndex({ auth, users }: UsersIndexProps) { const handleDelete = (userId: number) => { if (confirm('Are you sure you want to delete this user?')) { router.delete(route('admin.users.destroy', userId)); } }; return ( User Management} >

All Users

{users.length > 0 ? (
{users.map((user) => ( ))}
Name Email Role Actions
{user.name} {user.email} {user.role} {auth.user.role === 'admin' && ( )}
) : (

No users found.

)}
); }