diff options
Diffstat (limited to 'src/components/layouts')
| -rw-r--r-- | src/components/layouts/Header.js | 8 |
1 files changed, 5 insertions, 3 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> |