import { Head, Link, router, useForm } from '@inertiajs/react'; import type { FormEvent } from 'react'; type Address = { id: number; type: string; name: string; phone: string | null; country: string; city: string; postal_code: string | null; address_line_1: string; address_line_2: string | null; is_default: boolean }; export default function CustomerAddresses({ addresses }: { addresses: Address[] }) { const { data, setData, post, processing, errors } = useForm({ type: 'shipping', name: '', phone: '', country: 'Bulgaria', city: '', postal_code: '', address_line_1: '', address_line_2: '', is_default: false, }); function submit(event: FormEvent) { event.preventDefault(); post('/account/addresses', { preserveScroll: true }); } return ( <>
Account

Addresses

setData('name', event.target.value)} /> setData('phone', event.target.value)} /> setData('country', event.target.value)} /> setData('city', event.target.value)} /> setData('postal_code', event.target.value)} /> setData('address_line_1', event.target.value)} />
{addresses.map((address) => (

{address.name}

{address.type}{address.is_default ? ' ยท default' : ''}

{address.address_line_1}
{address.postal_code} {address.city}
{address.country}

))}
); } function Field({ label, error, children }: { label: string; error?: string; children: React.ReactNode }) { return ; }