import { Head, router, useForm } from '@inertiajs/react'; import { MoreVertical, ShieldOff, UserPlus, UserX, Users as UsersIcon, } from 'lucide-react'; import { useState } from 'react'; import { ConfirmDialog } from '@/components/confirm-dialog'; import { EmptyState } from '@/components/empty-state'; import InputError from '@/components/input-error'; import { PageHeader } from '@/components/page-header'; import { StatusBadge } from '@/components/status-badge'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { forceLogout, reinstate, resetTwoFactor, store, suspend, } from '@/routes/users'; type ManagedUser = { id: string; name: string; email: string; status: string; roles: string[]; two_factor: boolean; last_login_at: string | null; is_self: boolean; }; export default function UsersIndex({ users, roles, }: { users: ManagedUser[]; roles: string[]; }) { const [inviteOpen, setInviteOpen] = useState(false); const [resetUser, setResetUser] = useState(null); const invite = useForm({ name: '', email: '', roles: [] as string[] }); const reset = useForm({ reason: '' }); const toggleRole = (role: string) => { invite.setData( 'roles', invite.data.roles.includes(role) ? invite.data.roles.filter((r) => r !== role) : [...invite.data.roles, role], ); }; const submitInvite = (e: React.FormEvent) => { e.preventDefault(); invite.post(store().url, { preserveScroll: true, onSuccess: () => { invite.reset(); setInviteOpen(false); }, }); }; const submitReset = (e: React.FormEvent) => { e.preventDefault(); if (!resetUser) { return; } reset.post(resetTwoFactor(resetUser.id).url, { preserveScroll: true, onSuccess: () => { reset.reset(); setResetUser(null); }, }); }; return ( <>

setInviteOpen(true)}> Invite user } /> {users.length === 0 ? ( ) : ( Name Roles 2FA Status Actions {users.map((user) => (

{user.name}

{user.email}

{user.roles.length ? ( user.roles.map((r) => ( {r} )) ) : ( — )}

{user.two_factor ? 'Enabled' : 'Off'} {user.status === 'active' ? 'Active' : 'Suspended'} {user.status === 'active' ? ( router.post( suspend( user.id, ).url, ) } > {' '} Suspend ) : ( router.post( reinstate( user.id, ).url, ) } > Reinstate )} router.post( forceLogout( user.id, ).url, ) } > Force logout setResetUser( user, ) } > Reset 2FA ))}

)}

{/* Invite dialog */} {/* Reset 2FA dialog (reason required + logged) */} ); }