import { Head, Link, router, useForm } from '@inertiajs/react'; import { ArrowLeft, Trash2 } from 'lucide-react'; import { ConfirmDialog } from '@/components/confirm-dialog'; 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, CardHeader, CardTitle } from '@/components/ui/card'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Textarea } from '@/components/ui/textarea'; import { show as matterShow } from '@/routes/matters'; import { destroy, index, reopen } from '@/routes/tasks'; import { store as commentStore } from '@/routes/tasks/comments'; import { update as statusUpdate } from '@/routes/tasks/status'; type Option = { value: number | string; label: string }; type Task = { id: string; title: string; description: string | null; status: string; status_label: string; status_tone: StatusTone; priority_label: string; priority_tone: StatusTone; due_date: string | null; overdue: boolean; assignee: string | null; assigned_by: string | null; completed_at: string | null; created_at: string | null; matter: { id: string; number: string; title: string } | null; comments: { id: number; user: string | null; comment: string; at: string | null }[]; }; type Props = { task: Task; can: { edit: boolean; delete: boolean }; options: { statuses: Option[]; priorities: Option[] }; }; export default function TaskShow({ task, can, options }: Props) { const commentForm = useForm({ comment: '' }); const terminal = task.status === 'done' || task.status === 'cancelled'; const addComment = (e: React.FormEvent) => { e.preventDefault(); commentForm.post(commentStore(task.id).url, { preserveScroll: true, onSuccess: () => commentForm.reset() }); }; return ( <>

{can.delete && ( router.delete(destroy(task.id).url)} trigger={} /> )}

} />

{task.status_label} {task.priority_label} priority {task.overdue && Overdue}

Details

{task.description || 'No description.'}

Assignee: {task.assignee ?? 'Unassigned'}
Assigned by: {task.assigned_by ?? '—'}
Due date: {task.due_date ?? '—'}
Completed: {task.completed_at ?? '—'}
Matter: {task.matter.number}

Status {can.edit && !terminal && ( )} {can.edit && terminal && ( )} {!can.edit &&