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 Post { id: number; title: string; status: string; user_id: number; published_at: string | null; created_at: string; } interface Props { posts: { data: Post[]; meta: any; links: any[] }; filters: { search?: string; status?: string }; } export default function PostsIndex({ posts, filters }: Props) { const [selectedIds, setSelectedIds] = useState([]); const [confirmBulkOpen, setConfirmBulkOpen] = useState(false); const [confirmDeleteId, setConfirmDeleteId] = useState(null); const columns: Column[] = [ { key: 'title', label: 'Title', sortable: true, render: (p) =>

{p.title}

, }, { key: 'status', label: 'Status', render: (p) => {p.status}, }, { key: 'published_at', label: 'Published', className: 'hidden md:table-cell', render: (p) => {p.published_at ? new Date(p.published_at).toLocaleDateString('en-GB') : '—'}, }, { key: 'actions', label: '', className: 'w-20 text-right', render: (p) => (

), }, ]; return ( <>

News

{posts.meta.total} posts

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

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