import { Head, Link, router, useForm } from '@inertiajs/react'; import { ListChecks, Plus } from 'lucide-react'; import { EmptyState } from '@/components/empty-state'; import { Kpi } from '@/components/kpi'; import { PageHeader } from '@/components/page-header'; import { StatusBadge } from '@/components/status-badge'; import type {StatusTone} from '@/components/status-badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Textarea } from '@/components/ui/textarea'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { show as matterShow } from '@/routes/matters'; import { index, show as taskShow, store as taskStore } from '@/routes/tasks'; import { useState } from 'react'; type Option = { value: number | string; label: string }; // ... Row and Props types remain unchanged ... function CreateTaskModal({ options, can }: { options: Props['options'], can: Props['can'] }) { const [open, setOpen] = useState(false); const form = useForm({ title: '', description: '', priority: 'normal', assigned_to: '' as string, due_date: '' }); const submit = (e: React.FormEvent) => { e.preventDefault(); form.transform((d) => ({ ...d, assigned_to: d.assigned_to || null, due_date: d.due_date || null })); form.post(taskStore().url, { onSuccess: () => { form.reset(); setOpen(false); } }); }; if (!can.create) return null; return (