From 756f93807a33bb1398931ae894b071504dfec3b8 Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Tue, 27 Feb 2024 13:16:57 +0700
Subject: fixing pencarian brand di mobile & active button tab header

---
 src/core/components/elements/Navbar/NavbarDesktop.jsx |  6 +++---
 src/lib/product/components/ProductSearch.jsx          | 15 ++++++++++-----
 2 files changed, 13 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index 05ef0fb0..e11ad214 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -166,7 +166,7 @@ const NavbarDesktop = () => {
             <div className='w-6/12 flex px-1 divide-x divide-gray_r-6'>
               <Link
                 href='/shop/brands'
-                className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition'
+                className={`${router.asPath === '/shop/brands' && 'bg-gray_r-3'} p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition`}
                 target='_blank'
                 rel='noreferrer'
               >
@@ -174,7 +174,7 @@ const NavbarDesktop = () => {
               </Link>
               <Link
                 href='/shop/search?orderBy=stock'
-                className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition'
+                className={`${router.asPath === '/shop/search?orderBy=stock' && 'bg-gray_r-3'} p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition`}
                 target='_blank'
                 rel='noreferrer'
               >
@@ -190,7 +190,7 @@ const NavbarDesktop = () => {
               </Link>
               <Link
                 href='/video'
-                className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition'
+                className={`${router.asPath === '/video' && 'bg-gray_r-3'} p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition`}
                 target='_blank'
                 rel='noreferrer'
               >
diff --git a/src/lib/product/components/ProductSearch.jsx b/src/lib/product/components/ProductSearch.jsx
index b3fdf888..ee4ec2de 100644
--- a/src/lib/product/components/ProductSearch.jsx
+++ b/src/lib/product/components/ProductSearch.jsx
@@ -268,11 +268,16 @@ const ProductSearch = ({
               <h1 className='mb-2 font-semibold text-h-sm'>
                 Brand Pencarian {q}
               </h1>
-              <Image
-                src={isBrand?.logo}
-                alt=''
-                className='object-cover object-center h-[60px]'
-              />
+              <Link
+                href={createSlug('/shop/brands/', isBrand.name, isBrand.id)}
+                className='inline'
+              >
+                <Image
+                  src={isBrand?.logo}
+                  alt=''
+                  className='object-cover object-center h-[60px]'
+                />
+              </Link>
             </div>
           )}
           <h1 className='mb-2 font-semibold text-h-sm'>Produk</h1>
-- 
cgit v1.2.3