import { Head, Link, router } from '@inertiajs/react'; import { ArrowLeft, Trash2 } from 'lucide-react'; import TaskController from '@/actions/App/Http/Controllers/Admin/TaskController'; import { ConfirmDialog } from '@/components/confirm-dialog'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle, } from '@/components/ui/card'; import { useCan } from '@/hooks/use-can'; import { formatDate } from '@/lib/utils'; import { dashboard } from '@/routes'; import { show as projectShow } from '@/routes/admin/projects'; import { index } from '@/routes/admin/tasks'; import { show as ticketShow } from '@/routes/admin/tickets'; import { TaskPriorityBadge } from './priority-badge'; import { TaskStatusBadge } from './status-badge'; type TaskDetail = { id: number; code: string; title: string; description: string | null; status: string; status_label: string; priority: string; priority_label: string; is_active: boolean; due_date: string | null; completion_percent: number; created_at: string | null; project: { id: number; code: string; name: string }; ticket: { id: number; code: string; title: string } | null; assignee: { id: number; name: string } | null; creator: { id: number; name: string } | null; }; export default function TasksShow({ task }: { task: TaskDetail }) { const canDelete = useCan('tasks.delete'); return ( <>

{task.title}

{!task.is_active && ( Inactif )}

{task.code}

{canDelete && ( Supprimer } title={`Supprimer la tâche ${task.title} ?`} description="Cette action est irréversible." confirmLabel="Supprimer" onConfirm={() => { router.delete( TaskController.destroy.url(task.id), ); }} /> )}
{task.completion_percent} %
Informations

Projet

{task.project.code} — {task.project.name}
{task.ticket && (

Ticket lié

{task.ticket.code} — {task.ticket.title}
)}

Assigné à

{task.assignee?.name ?? '—'}

Créé par

{task.creator?.name ?? '—'}

Échéance

{task.due_date ? formatDate(task.due_date) : '—'}

{task.description && (

Description

{task.description}

)}
); } TasksShow.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Tâches', href: index() }, { title: 'Détail', href: '#' }, ], };