From 56aa38c591272d5cdfe9fc65aa3581539393e966 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sun, 20 Nov 2022 10:38:34 +0700
Subject: Scroll false when change page

---
 src/components/Header.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

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

diff --git a/src/components/Header.js b/src/components/Header.js
index a1780b3c..0a4449be 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,5 +1,5 @@
 import Image from "next/image";
-import Link from "next/link";
+import Link from "./Link";
 import ShoppingCartIcon from "../icons/shopping-cart.svg";
 import SearchIcon from "../icons/search.svg";
 import MenuIcon from "../icons/menu.svg";
@@ -47,33 +47,33 @@ export default function Header({ title }) {
             <h1>Hi, {auth.name}</h1>
           ) : (
             <>
-              <Link href="/login" className="w-full py-2 btn-light">Masuk</Link>
-              <Link href="/register" className="w-full py-2 btn-yellow">Daftar</Link>
+              <Link href="/login" onClick={closeMenu} className="w-full py-2 btn-light">Masuk</Link>
+              <Link href="/register" onClick={closeMenu} className="w-full py-2 btn-yellow">Daftar</Link>
             </>
           )}
         </div>
         <div className="flex flex-col">
           {auth ? (
-            <Link className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3" href="/shop/brands">
+            <Link className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3" href="/shop/brands" onClick={closeMenu}>
                 <span>Profil Saya</span>
                 <div className="ml-auto">
                   <ChevronRightIcon className="stroke-gray-700" />
                 </div>
             </Link>
           ) : ''}
-          <Link className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3" href="/shop/brands">
+          <Link className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3" href="/shop/brands" onClick={closeMenu}>
               <span>Semua Brand</span>
               <div className="ml-auto">
                 <ChevronRightIcon className="stroke-gray-700" />
               </div>
           </Link>
-          <Link className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3" href="/blog">
+          <Link className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3" href="/blog" onClick={closeMenu}>
               <span>Blog Indoteknik</span>
               <div className="ml-auto">
                 <ChevronRightIcon className="stroke-gray-700" />
               </div>
           </Link>
-          <button className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3">
+          <button className="flex w-full font-normal text-gray-800 border-b border-gray-300 p-4 py-3" onClick={closeMenu}>
               <span>Kategori</span>
               <div className="ml-auto">
                 <ChevronRightIcon className="stroke-gray-700" />
@@ -85,7 +85,7 @@ export default function Header({ title }) {
 
       <div className="sticky-header">
         <div className="flex justify-between items-center">
-          <Link href="/">
+          <Link href="/" scroll={false}>
             <Image src={Logo} alt="Logo Indoteknik" width={120} height={40} />
           </Link>
           <div className="flex gap-4">
-- 
cgit v1.2.3