From c21aa43ed120ec0bbda0884f6f55ba15eb868a09 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Thu, 23 Oct 2025 10:07:56 +0700
Subject: <MIqdad> fixed product filter

---
 src/pages/shop/search.jsx | 61 ++++++++++++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 25 deletions(-)

(limited to 'src/pages/shop/search.jsx')

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>
-  )
+  );
 }
-- 
cgit v1.2.3

