import { Head, Link, router } from '@inertiajs/react'; import { Plus } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import AdminLayout from '@/layouts/admin-layout'; import { type Category, type PaginatedData } from '@/types'; export default function AdminCategoriesIndex({ categories }: { categories: PaginatedData }) { const destroy = (id: number) => { if (confirm('Delete this category?')) { router.delete(route('admin.categories.destroy', id)); } }; return (

{categories.data.map((cat) => ( ))} {categories.data.length === 0 && ( )}

Name	Parent	Order	Status
{cat.name}	{cat.parent?.name ?? '—'}	{cat.sort_order}	{cat.status ? 'Active' : 'Inactive'}	{!cat.deleted_at && ( Edit )}
No categories yet

); }