import { Head, Link, router } from '@inertiajs/react'; import { Plus, 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 Event { id: number; title: string; location: string | null; starts_at: string; status: string; type: string; is_public: boolean } interface Props { events: { data: Event[]; meta: any; links: any[] }; filters: { search?: string } } export default function EventsIndex({ events, filters }: Props) { const [confirmDeleteId, setConfirmDeleteId] = useState(null); const columns: Column[] = [ { key: 'title', label: 'Event', sortable: true, render: (e) => (

{e.title}

{e.location &&

{e.location}

}

) }, { key: 'type', label: 'Type', render: (e) => {e.type} }, { key: 'starts_at', label: 'Date', sortable: true, render: (e) => {new Date(e.starts_at).toLocaleDateString('en-GB')} }, { key: 'status', label: 'Status', render: (e) => {e.status} }, { key: 'actions', label: '', className: 'w-20 text-right', render: (e) => (

) }, ]; return ( <>

Events

{events.meta.total} events

!open && setConfirmDeleteId(null)} title="Delete event?" description="This is permanent." confirmLabel="Delete" variant="danger" onConfirm={() => confirmDeleteId !== null && router.delete(`/admin/events/${confirmDeleteId}`, { onSuccess: () => setConfirmDeleteId(null) })} /> ); }