import { Head, Link, router } from '@inertiajs/react'; import { GripVertical, 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 { Button } from '@/components/ui/button'; interface Member { id: number; name: string; role: string; photo_url: string | null; sort_order: number } interface Props { members: Member[] } export default function BoardIndex({ members }: Props) { const [selectedIds, setSelectedIds] = useState([]); const [confirmBulkOpen, setConfirmBulkOpen] = useState(false); const [confirmDeleteId, setConfirmDeleteId] = useState(null); const columns: Column[] = [ { key: 'sort_order', label: '', className: 'w-8', render: () => , }, { key: 'name', label: 'Name', render: (m) => (

{m.photo_url &&

}

{m.name}

{m.role}

), }, { key: 'actions', label: '', className: 'w-20 text-right', render: (m) => (

), }, ]; return ( <>

Board

{members.length} members

setSelectedIds(ids as number[])} bulkActions={} empty="No board members." />

router.post('/admin/board/bulk-destroy', { ids: selectedIds }, { onSuccess: () => { setSelectedIds([]); setConfirmBulkOpen(false); } })} /> !open && setConfirmDeleteId(null)} title="Remove board member?" description="This is permanent." confirmLabel="Remove" variant="danger" onConfirm={() => confirmDeleteId !== null && router.delete(`/admin/board/${confirmDeleteId}`, { onSuccess: () => setConfirmDeleteId(null) })} /> ); }