From cce0ab7c8bf657b8dbe804e30fd7851ff9c26414 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 14 Feb 2023 15:52:29 +0700
Subject: no message

---
 src/components/layouts/Header.js            | 8 +++++---
 src/components/variants/VariantGroupCard.js | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

(limited to 'src/components')

diff --git a/src/components/layouts/Header.js b/src/components/layouts/Header.js
index 5df75c3c..23fda642 100644
--- a/src/components/layouts/Header.js
+++ b/src/components/layouts/Header.js
@@ -26,6 +26,8 @@ import apiOdoo from "@/core/utils/apiOdoo";
 const menus = [
   { name: 'Semua Brand', href: '/shop/brands' },
   { name: 'Blog Indoteknik', href: '/' },
+  { name: 'Tentang Indoteknik', href: '/' },
+  { name: 'Pusat Bantuan', href: '/' },
 ];
 
 export default function Header({ title }) {
@@ -164,19 +166,19 @@ export default function Header({ title }) {
                 <Link href={`/shop/search?category=${category.name}`} className="flex-1 font-normal text-gray_r-11 py-4">
                   { category.name }
                 </Link>
-                <div className="ml-3 h-full py-4" onClick={() => toggleCategories(category.id)}>
+                <div className="ml-4 h-full py-4" onClick={() => toggleCategories(category.id)}>
                   { !category.isOpen && <ChevronDownIcon className="text-gray_r-12 w-5" /> }
                   { category.isOpen && <ChevronUpIcon className="text-gray_r-12 w-5" /> }
                 </div>
               </div>
               { category.isOpen && category.childs.map((child1Category) => (
                 <Fragment key={child1Category.id}>
-                  <div className="flex w-full text-gray_r-11 border-b border-gray_r-6 p-4 pl-12">
+                  <div className={`flex w-full text-gray_r-11 border-b border-gray_r-6 p-4 pl-12 ${category.isOpen ? 'bg-gray_r-2' : ''}`}>
                     <Link href={`/shop/search?category=${child1Category.name}`} className="flex-1 font-normal text-gray_r-11">
                       { child1Category.name }
                     </Link>
                     { child1Category.childs.length > 0 && (
-                      <div className="ml-3 h-full" onClick={() => toggleCategories(child1Category.id)}>
+                      <div className="ml-4 h-full" onClick={() => toggleCategories(child1Category.id)}>
                         { !child1Category.isOpen && <ChevronDownIcon className="text-gray_r-12 w-5" /> }
                         { child1Category.isOpen && <ChevronUpIcon className="text-gray_r-12 w-5" /> }
                       </div>
diff --git a/src/components/variants/VariantGroupCard.js b/src/components/variants/VariantGroupCard.js
index 98f2d739..462c63cf 100644
--- a/src/components/variants/VariantGroupCard.js
+++ b/src/components/variants/VariantGroupCard.js
@@ -23,7 +23,7 @@ export default function VariantGroupCard({
           className="btn-light py-2 w-full"
           onClick={() => setShowAll(!showAll)}
         >
-          { !showAll ? 'Lihat Semua' : 'Tutup' }
+          { !showAll ? `Lihat Semua +${variants.length - variantsToShow.length}` : 'Tutup' }
         </button>
       ) }
     </>
-- 
cgit v1.2.3