import { Head, router, useForm } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import InputError from '@/components/input-error'; import type { Company, User } from '@/types'; type AdminUser = Pick & { role: 'admin' | 'agent' | 'user'; company_id: number | null; }; type Props = { user: AdminUser; companies: Pick[]; }; export default function EditUser({ user, companies }: Props) { const { data, setData, put, processing, errors } = useForm({ name: user.name, email: user.email, role: user.role, company_id: String(user.company_id ?? ''), password: '', password_confirmation: '', }); function handleSubmit(e: React.FormEvent) { e.preventDefault(); put(`/admin/users/${user.id}`); } return ( <>

Edit User

setData('name', e.target.value) } />
setData('email', e.target.value) } />
setData('password', e.target.value) } />
setData( 'password_confirmation', e.target.value, ) } />
); }