import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { useT } from '@/lib/i18n'; type Ticket = { id: string; subject: string; body: string; status: 'open' | 'pending' | 'resolved' | 'closed'; priority: 'low' | 'normal' | 'high' | 'urgent'; assigned_to_user_id: number | null; conversation_id: string | null; metadata: Record; created_at: string | null; resolved_at: string | null; }; export default function TicketShow({ ticket }: { ticket: Ticket }) { const { t } = useT(); const form = useForm({ status: ticket.status, priority: ticket.priority, }); const save = (e: React.FormEvent) => { e.preventDefault(); form.patch(`/app/tickets/${ticket.id}`, { preserveScroll: true }); }; return (
{t('Back to tickets')}

{ticket.subject}

{t('Created')}{' '} {ticket.created_at ? new Date(ticket.created_at).toLocaleString() : '—'} {ticket.conversation_id && ( <> {' · '} {t('Source conversation')} )} 

                        {ticket.body}
); }