import { useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { router } from '@inertiajs/react'; import { ConfirmDialog } from '@/components/admin/confirm-dialog'; import { ImageUpload } from '@/components/admin/image-upload'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; interface Partner { id: number; name: string; url: string | null; tier: string | null; logo: string | null; sort_order: number; } export default function PartnerEdit({ partner }: { partner: Partner }) { const [imageKey, setImageKey] = useState(0); const [confirmDelete, setConfirmDelete] = useState(false); const { data, setData, post, processing, errors } = useForm({ _method: 'PUT', name: partner.name, url: partner.url ?? '', tier: partner.tier ?? '', sort_order: String(partner.sort_order), logo: null as File | null, logo_clear: false, }); function submit(e: React.FormEvent) { e.preventDefault(); post(`/admin/partners/${partner.id}`); } return ( <>

Partners / Edit Partner

Edit Partner

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

{errors.name}

}

Website URL setData('url', e.target.value)} /> {errors.url &&

{errors.url}

}

Tier setData('tier', e.target.value)} /> {errors.tier &&

{errors.tier}

}

Logo { setData('logo', file); setData('logo_clear', false); }} onClear={() => { setData('logo', null); setData('logo_clear', true); setImageKey((k) => k + 1); }} />

Sort Order setData('sort_order', e.target.value)} />

router.delete(`/admin/partners/${partner.id}`, { onSuccess: () => setConfirmDelete(false) })} /> ); }