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 Partner { id: number; name: string; logo: string | null; website: string | null; type: string; is_active: boolean; sort_order: number } export default function PartnersIndex({ partners }: { partners: Partner[] }) { const [selectedIds, setSelectedIds] = useState([]); const [confirmBulkOpen, setConfirmBulkOpen] = useState(false); const [confirmDeleteId, setConfirmDeleteId] = useState(null); const columns: Column[] = [ { key: 'name', label: 'Partner', render: (p) => (

{p.logo &&

}{p.name}

) }, { key: 'type', label: 'Type', render: (p) => {p.type} }, { key: 'is_active', label: 'Status', render: (p) => {p.is_active ? 'Active' : 'Inactive'} }, { key: 'actions', label: '', className: 'w-20 text-right', render: (p) => (

) }, ]; return ( <>

Partners

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

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