import { Head, Link, router } from '@inertiajs/react'; import { ArrowLeft, Trash2 } from 'lucide-react'; import { useState } from 'react'; import { ConfirmDialog } from '@/components/admin/confirm-dialog'; import { Button } from '@/components/ui/button'; interface Message { id: number; name: string; email: string; subject: string | null; body: string; is_read: boolean; created_at: string } export default function MessageShow({ message }: { message: Message }) { const [confirmOpen, setConfirmOpen] = useState(false); return ( <>

Messages / View

{message.subject ?? '(No subject)'}

From {message.name} <{message.email}>

{new Date(message.created_at).toLocaleString('en-GB')}

{message.body}

Reply via email →

router.delete(`/admin/messages/${message.id}`, { onSuccess: () => router.visit('/admin/messages') })} /> ); }