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