import { Head, Link, router } from '@inertiajs/react'; import { Mail, MailOpen, Trash2 } from 'lucide-react'; import { useState } from 'react'; import { ConfirmDialog } from '@/components/admin/confirm-dialog'; import { DataTable, type Column } from '@/components/admin/data-table'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; interface Message { id: number; name: string; email: string; subject: string | null; is_read: boolean; created_at: string } interface Props { messages: { data: Message[]; meta: any; links: any[] }; unreadCount: number; filters: { search?: string; unread?: string }; } export default function MessagesIndex({ messages, unreadCount, filters }: Props) { const [selectedIds, setSelectedIds] = useState([]); const [confirmBulkOpen, setConfirmBulkOpen] = useState(false); const [confirmDeleteId, setConfirmDeleteId] = useState(null); const columns: Column[] = [ { key: 'is_read', label: '', className: 'w-8', render: (m) => m.is_read ? : , }, { key: 'name', label: 'From', render: (m) => (

{m.name}

{m.email}

), }, { key: 'subject', label: 'Subject', render: (m) => {m.subject ?? '—'} }, { key: 'is_read', label: 'Status', render: (m) => {m.is_read ? 'Read' : 'Unread'} }, { key: 'created_at', label: 'Received', className: 'hidden md:table-cell', render: (m) => {new Date(m.created_at).toLocaleDateString('en-GB')} }, { key: 'actions', label: '', className: 'w-24 text-right', render: (m) => (
), }, ]; return ( <>

Contact Messages

{messages.meta.total} total · {unreadCount} unread

{filters.unread ? ( ) : ( )}
setSelectedIds(ids as number[])} bulkActions={
} empty="No messages." />
router.post('/admin/messages/bulk-destroy', { ids: selectedIds }, { onSuccess: () => { setSelectedIds([]); setConfirmBulkOpen(false); } })} /> !open && setConfirmDeleteId(null)} title="Delete message?" description="This is permanent." confirmLabel="Delete" variant="danger" onConfirm={() => confirmDeleteId !== null && router.delete(`/admin/messages/${confirmDeleteId}`, { onSuccess: () => setConfirmDeleteId(null) })} /> ); }