From bd1e930f875e942ee8a60718a3c1268a62598266 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 9 Jan 2023 12:08:27 +0700
Subject: checkout to odoo, select address

---
 src/components/Header.js | 32 ++++++++++++++------------------
 1 file changed, 14 insertions(+), 18 deletions(-)

(limited to 'src/components/Header.js')

diff --git a/src/components/Header.js b/src/components/Header.js
index 7f08c2c3..71f8fd58 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -19,6 +19,12 @@ import Link from "./Link";
 import Logo from "../images/logo.png";
 import greeting from "../helpers/greeting";
 
+const menus = [
+  { name: 'Semua Brand', href: '/shop/brands' },
+  { name: 'Blog Indoteknik', href: '/' },
+  { name: 'Kategori', href: '/' },
+];
+
 export default function Header({ title }) {
   const router = useRouter();
   const { q = '' } = router.query;
@@ -93,24 +99,14 @@ export default function Header({ title }) {
           ) }
         </div>
         <div className="flex flex-col">
-          <Link className="flex w-full font-normal text-gray_r-11 border-b border-gray_r-6 p-4 py-3" href="/shop/brands" onClick={closeMenu}>
-              <span>Semua Brand</span>
-              <div className="ml-auto">
-                <ChevronRightIcon className="text-gray_r-12 w-5" />
-              </div>
-          </Link>
-          <Link className="flex w-full font-normal text-gray_r-11 border-b border-gray_r-6 p-4 py-3" href="/blog" onClick={closeMenu}>
-              <span>Blog Indoteknik</span>
-              <div className="ml-auto">
-                <ChevronRightIcon className="text-gray_r-12 w-5" />
-              </div>
-          </Link>
-          <button className="flex w-full font-normal text-gray_r-11 border-b border-gray_r-6 p-4 py-3" onClick={closeMenu}>
-              <span>Kategori</span>
-              <div className="ml-auto">
-                <ChevronRightIcon className="text-gray_r-12 w-5" />
-              </div>
-          </button>
+          { menus.map((menu, index) => (
+            <Link className="flex w-full font-normal text-gray_r-11 border-b border-gray_r-6 p-4" href={menu.href} key={index} onClick={closeMenu}>
+                <span>{ menu.name }</span>
+                <div className="ml-auto">
+                  <ChevronRightIcon className="text-gray_r-12 w-5" />
+                </div>
+            </Link>
+          )) }
         </div>
       </div>
       <div className={isMenuActive ? 'menu-overlay block opacity-100' : 'menu-overlay hidden opacity-0'} onClick={closeMenu}></div>
-- 
cgit v1.2.3