diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-07 15:03:35 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-07 15:03:35 +0700 |
| commit | 5d4d87c8bdb42c19e57a458fdc4d05de1ade4546 (patch) | |
| tree | 13a09c2d120d2e8c50dc3c17ebf3ba87d73a54f1 /src/core/components/elements/Navbar | |
| parent | 6320efdce499d96796e1727d9065d2b1c1c00c53 (diff) | |
add dynamic content
Diffstat (limited to 'src/core/components/elements/Navbar')
| -rw-r--r-- | src/core/components/elements/Navbar/Navbar.jsx | 24 | ||||
| -rw-r--r-- | src/core/components/elements/Navbar/Search.jsx | 4 |
2 files changed, 18 insertions, 10 deletions
diff --git a/src/core/components/elements/Navbar/Navbar.jsx b/src/core/components/elements/Navbar/Navbar.jsx index 1442b9fa..c88bfad3 100644 --- a/src/core/components/elements/Navbar/Navbar.jsx +++ b/src/core/components/elements/Navbar/Navbar.jsx @@ -139,20 +139,30 @@ const Navbar = () => { <div className='container mx-auto my-6'> <div className='flex bg-gray_r-4 rounded-t-xl'> - <div className="w-3/12 p-4 font-semibold"> - Kategori Produk - </div> + <div className='w-3/12 p-4 font-semibold'>Kategori Produk</div> <div className='w-6/12 border-x border-gray_r-1 flex'> - <Link href='/' className='p-4 flex-1 text-center !text-gray_r-12/80'> + <Link + href='/' + className='p-4 flex-1 text-center !text-gray_r-12/80' + > Promo Produk </Link> - <Link href='/' className='p-4 flex-1 text-center !text-gray_r-12/80'> + <Link + href='/' + className='p-4 flex-1 text-center !text-gray_r-12/80' + > Semua Brand </Link> - <Link href='/' className='p-4 flex-1 text-center !text-gray_r-12/80'> + <Link + href='/' + className='p-4 flex-1 text-center !text-gray_r-12/80' + > Ready Stock </Link> - <Link href='/' className='p-4 flex-1 text-center !text-gray_r-12/80'> + <Link + href='/' + className='p-4 flex-1 text-center !text-gray_r-12/80' + > Blog Indoteknik </Link> </div> diff --git a/src/core/components/elements/Navbar/Search.jsx b/src/core/components/elements/Navbar/Search.jsx index 644e0c9f..e78f7f29 100644 --- a/src/core/components/elements/Navbar/Search.jsx +++ b/src/core/components/elements/Navbar/Search.jsx @@ -3,8 +3,6 @@ import { MagnifyingGlassIcon } from '@heroicons/react/24/outline' import { useCallback, useEffect, useRef, useState } from 'react' import Link from '../Link/Link' import { useRouter } from 'next/router' -import MobileView from '../../views/MobileView' -import DesktopView from '../../views/DesktopView' const Search = () => { const router = useRouter() @@ -81,7 +79,7 @@ const Search = () => { <Link href={`/shop/search?q=${suggestion.term}`} key={index} - className='px-3 py-3 !text-gray_r-12 font-normal' + className='px-3 py-3 !text-gray_r-12 font-normal hover:bg-yellow_r-4' > {suggestion.term} </Link> |