diff options
| author | Miqdad <ahmadmiqdad27@gmail.com> | 2025-10-23 10:07:56 +0700 |
|---|---|---|
| committer | Miqdad <ahmadmiqdad27@gmail.com> | 2025-10-23 10:07:56 +0700 |
| commit | c21aa43ed120ec0bbda0884f6f55ba15eb868a09 (patch) | |
| tree | 7ec4b31d52fa3ecfc0363cc7e74e28a0ddbc58f3 /src/pages/shop | |
| parent | 95362e32151410f5ae696e4e3b38ef1065024530 (diff) | |
<MIqdad> fixed product filter
Diffstat (limited to 'src/pages/shop')
| -rw-r--r-- | src/pages/shop/search.jsx | 61 |
1 files changed, 36 insertions, 25 deletions
diff --git a/src/pages/shop/search.jsx b/src/pages/shop/search.jsx index db3b449a..65b642af 100644 --- a/src/pages/shop/search.jsx +++ b/src/pages/shop/search.jsx @@ -1,39 +1,50 @@ -import dynamic from 'next/dynamic' -import { useRouter } from 'next/router' -import _ from 'lodash-contrib' -import Seo from '@/core/components/Seo' -import { Breadcrumb, BreadcrumbItem, BreadcrumbLink } from '@chakra-ui/react' -import Link from 'next/link' +import dynamic from 'next/dynamic'; +import { useRouter } from 'next/router'; +import _ from 'lodash-contrib'; +import Seo from '@/core/components/Seo'; +import { Breadcrumb, BreadcrumbItem, BreadcrumbLink } from '@chakra-ui/react'; +import Link from 'next/link'; -const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout')) -const ProductSearch = dynamic(() => import('@/lib/product/components/ProductSearch')) +const BasicLayout = dynamic(() => + import('@/core/components/layouts/BasicLayout') +); +const ProductSearch = dynamic(() => + import('@/lib/product/components/ProductSearch') +); export default function Search() { - const router = useRouter() + const router = useRouter(); return ( <BasicLayout> <Seo title={`Cari produk ${router.query.q || ''} di Indoteknik.com`} /> - <div className='container mx-auto py-4 md:py-6'> + <div className='container mx-auto py-4 md:py-6 mb-3'> {router.query?.q && ( - <Breadcrumb> - <BreadcrumbItem> - <BreadcrumbLink as={Link} href='/' className='!text-danger-500 whitespace-nowrap'> - Home - </BreadcrumbLink> - </BreadcrumbItem> + <div className='fixed'> + <Breadcrumb> + <BreadcrumbItem> + <BreadcrumbLink + as={Link} + href='/' + className='!text-danger-500 whitespace-nowrap' + > + Home + </BreadcrumbLink> + </BreadcrumbItem> - <BreadcrumbItem isCurrentPage> - <BreadcrumbLink className='whitespace-nowrap'> - Cari: {router.query.q || ''} - </BreadcrumbLink> - </BreadcrumbItem> - </Breadcrumb> + <BreadcrumbItem isCurrentPage> + <BreadcrumbLink className='whitespace-nowrap'> + Cari: {router.query.q || ''} + </BreadcrumbLink> + </BreadcrumbItem> + </Breadcrumb> + </div> )} </div> - - {!_.isEmpty(router.query) && <ProductSearch query={router.query} prefixUrl='/shop/search' />} + {!_.isEmpty(router.query) && ( + <ProductSearch query={router.query} prefixUrl='/shop/search' /> + )} </BasicLayout> - ) + ); } |