diff options
Diffstat (limited to 'src/lib/lob/components')
| -rw-r--r-- | src/lib/lob/components/Breadcrumb.jsx | 55 |
1 files changed, 0 insertions, 55 deletions
diff --git a/src/lib/lob/components/Breadcrumb.jsx b/src/lib/lob/components/Breadcrumb.jsx deleted file mode 100644 index 5722fd39..00000000 --- a/src/lib/lob/components/Breadcrumb.jsx +++ /dev/null @@ -1,55 +0,0 @@ -import odooApi from '@/core/api/odooApi' -import { createSlug } from '@/core/utils/slug' -import { - Breadcrumb as ChakraBreadcrumb, - BreadcrumbItem, - BreadcrumbLink, - Skeleton -} from '@chakra-ui/react' -import Link from 'next/link' -import React from 'react' -import { useQuery } from 'react-query' - -/** - * Render a breadcrumb component. - * - * @param {object} categoryId - The ID of the category. - * @return {JSX.Element} The breadcrumb component. - */ -const Breadcrumb = ({ categoryId }) => { - const breadcrumbs = useQuery( - `lob-breadcrumbs/${categoryId}`, - async () => await odooApi('GET', `/api/v1/lob_homepage/${categoryId}/category_id`) - ) - return ( - <div className='container mx-auto py-4 md:py-6'> - <Skeleton isLoaded={!breadcrumbs.isLoading} className='w-2/3'> - <ChakraBreadcrumb> - <BreadcrumbItem> - <BreadcrumbLink as={Link} href='/' className='!text-danger-500 whitespace-nowrap'> - Home - </BreadcrumbLink> - </BreadcrumbItem> - - {breadcrumbs?.data?.map((category, index) => ( - <BreadcrumbItem key={index} isCurrentPage={index === breadcrumbs.data.length - 1}> - {index === breadcrumbs.data.length - 1 ? ( - <BreadcrumbLink className='whitespace-nowrap'>{category.industries}</BreadcrumbLink> - ) : ( - <BreadcrumbLink - as={Link} - href={createSlug('/shop/lob/', category.industries, category.id)} - className='!text-danger-500 whitespace-nowrap' - > - {category.industries} - </BreadcrumbLink> - )} - </BreadcrumbItem> - ))} - </ChakraBreadcrumb> - </Skeleton> - </div> - ) -} - -export default Breadcrumb |