import { Head, Link, router } from '@inertiajs/react'; import { DataTablePagination } from '@/components/admin/data-table'; import { PageHeader } from '@/components/admin/page-header'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import AppLayout from '@/layouts/app-layout'; import adminRoutes from '@/routes/admin'; import type { BreadcrumbItem } from '@/types'; import type { AdminBrand, Paginated } from '@/types/admin'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Brands', href: adminRoutes.brands.index().url }, ]; interface Filters extends Record { search?: string; is_active?: string; per_page?: string } export default function BrandsIndex({ brands, filters }: { brands: Paginated; filters: Filters }) { function applyFilter(key: string, value: string) { router.get(adminRoutes.brands.index().url, { ...filters, [key]: value, page: 1 }, { preserveState: true, preserveScroll: true }); } return (

applyFilter('search', e.target.value)} />

Logo Name Slug Status Products {brands.data.length === 0 && ( No brands found )} {brands.data.map((brand) => ( {brand.primary_image?.public_url ? (

) : (

—

)} {brand.name} {brand.slug} {brand.is_active ? Active : Inactive } {brand.products_count ?? 0} ))}

); }