import { Head, useForm, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Card } from '@/components/ui/card'; import { Textarea } from '@/components/ui/textarea'; import { FormEvent } from 'react'; interface Contact { id: number; first_name: string; last_name: string; phone_number: string; email?: string; company?: string; notes?: string; } interface Props { contact: Contact; } export default function ContactEdit({ contact }: Props) { const { data, setData, put, processing, errors } = useForm({ first_name: contact.first_name || '', last_name: contact.last_name || '', phone_number: contact.phone_number || '', email: contact.email || '', company: contact.company || '', notes: contact.notes || '', }); const handleSubmit = (e: FormEvent) => { e.preventDefault(); put(`/contacts/${contact.id}`); }; return (

Edit Contact

Update contact information

First Name * setData('first_name', e.target.value)} required /> {errors.first_name &&

{errors.first_name}

}

Last Name * setData('last_name', e.target.value)} required /> {errors.last_name &&

{errors.last_name}

}

Phone Number * setData('phone_number', e.target.value)} required /> {errors.phone_number &&

{errors.phone_number}

}

Email setData('email', e.target.value)} /> {errors.email &&

{errors.email}

}

Company setData('company', e.target.value)} />

Notes