diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-14 15:52:29 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-14 15:52:29 +0700 |
| commit | cce0ab7c8bf657b8dbe804e30fd7851ff9c26414 (patch) | |
| tree | e5b738169a6c87701f8b8d2763a5c0ebdd4734f8 /src/components | |
| parent | 8dc379e37d7ab3b86725b58d9636c4ad64dcfc2f (diff) | |
no message
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/layouts/Header.js | 8 | ||||
| -rw-r--r-- | src/components/variants/VariantGroupCard.js | 2 |
2 files changed, 6 insertions, 4 deletions
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> ) } </> |