import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import { ConfigurableTable } from '@/components/ui/configurable-table'; import { PaginationLinks } from '@/components/ui/pagination-links'; import { AdminLayout } from '@/layouts/admin-layout'; import type { PaginatedData } from '@/types'; type BlogCategoryRow = { id: number; name: string; slug: string; is_active: boolean; sort_order: number; articles_count: number; updated_at: string | null; }; type BlogCategoryIndexProps = { categories: PaginatedData; filters: { search: string; }; }; export default function BlogCategoryIndex({ categories, filters, }: BlogCategoryIndexProps) { const [search, setSearch] = useState(filters.search || ''); const submitSearch = (event: React.FormEvent) => { event.preventDefault(); router.get('/admin/blog-categories', search ? { search } : {}, { preserveState: true, preserveScroll: true, replace: true, }); }; const deleteCategory = (id: number) => { if (!window.confirm('Delete this blog category?')) { return; } router.delete(`/admin/blog-categories/${id}`); }; return (

Blog Categories

Organize SEO articles and guides.

Add Category

{categories.data.map((category) => (

{category.name}

{category.slug}

Active: {category.is_active ? 'Yes' : 'No'}

Articles: {category.articles_count}

Sort: {category.sort_order}

Updated: {category.updated_at || '-'}

))}

{categories.data.map((category) => ( ))}

Name	Articles	Active	Actions
{category.name} {category.slug}	{category.articles_count}	{category.is_active ? 'Yes' : 'No'}

Name

Articles

Active

Actions

{category.name}

{category.slug}

{category.articles_count}

{category.is_active ? 'Yes' : 'No'}

Showing {categories.from || 0} to {categories.to || 0}{' '} of {categories.total} categories

); } function Actions({ id, onDelete, }: { id: number; onDelete: (id: number) => void; }) { return (

Edit

); }