import { Head, Link, router } from '@inertiajs/react' import { useTranslation } from 'react-i18next' import { ProductsTagFilter } from '@/components/products-tag-filter'; import { Breadcrumbs } from '@/components/breadcrumbs'; import { Resource, ResourceCollection } from '@/types/global'; import { SetRequired } from 'type-fest'; type SuperCategoryShowProps = { products_collection: ResourceCollection>, super_category_resource: Resource, available_tags: ResourceCollection, current_tags: ResourceCollection, } export default function SuperCategoryShow({ products_collection, super_category_resource, available_tags, current_tags }: SuperCategoryShowProps) { const { t } = useTranslation(); const nav_data = products_collection.meta const products = products_collection.data const super_category = super_category_resource.data const my_available_tags = available_tags.data const my_current_tags = current_tags.data function handleTagChange(tags: Tag[]) { const tagIds = tags.map(tag => tag.id) router.get(route(route().current() as string, { super_category: super_category.id }), { tags: tagIds }, { preserveState: true, preserveScroll: true, }) } function handlePageChange(page: number, selectedTags: Tag[]) { const tagIds = selectedTags.map(t => t.id) router.get(route(route().current() as string, { super_category: super_category.id }), { page, tags: tagIds }, { preserveState: true, preserveScroll: true, }) } return ( <>

{t("products")} {super_category.name}

) }