import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AdminLayout from '@/layouts/admin-layout'; import { type Courier } from '@/types'; export default function AdminCourierEdit({ courier }: { courier: Courier & { api_key?: string; api_secret?: string } }) { const { data, setData, patch, processing, errors } = useForm({ name: courier.name, slug: courier.slug, api_key: '', api_secret: '', base_url: courier.base_url ?? '', status: courier.status, }); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(`/admin/couriers/${courier.id}`); }; return (
Courier Details
setData('name', e.target.value)} className={errors.name ? 'border-red-400' : ''} /> {errors.name &&

{errors.name}

}
setData('slug', e.target.value)} className="font-mono text-sm" />
setData('base_url', e.target.value)} placeholder="https://api.courier.com/v1" />
setData('api_key', e.target.value)} placeholder="New key only" />
setData('api_secret', e.target.value)} placeholder="New secret only" />
setData('status', Boolean(v))} />
); }