import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { Card, CardContent, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import InputError from '@/components/input-error'; import { Button, buttonVariants } from '@/components/ui/button'; import { Label } from '@/components/ui/label'; import { FormEventHandler, useRef, useState } from 'react'; import { type Task as ResidencyProgram } from '@/types'; import { toast } from 'sonner'; type EditTaskForm = { name: string; }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Residency Program Edit', href: '/residency_program/edit' }, ]; export default function Edit({ residencyProgram }: { residencyProgram: ResidencyProgram }) { const taskName = useRef(null); const [data, setData] = useState({ name: residencyProgram.name ?? '', }); const [errors, setErrors] = useState<{ name?: string }>({}); const [processing, setProcessing] = useState(false); const editTask: FormEventHandler = (e) => { e.preventDefault(); setProcessing(true); setErrors({}); router.put(route('residency_program.update', residencyProgram.id), data, { preserveScroll: true, onSuccess: () => { toast.success('Program updated successfully.'); }, onError: (err) => { setErrors(err); if (err.name) taskName.current?.focus(); }, onFinish: () => setProcessing(false), }); }; return (
Residency Program List
Edit Residency Program
setData({ ...data, name: e.target.value })} placeholder="Name of residency program" disabled={processing} />
); }