navbar user dropdown, add to cart

2 files changed, 49 insertions, 14 deletions

diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index fa620eb2..3ee9dc1e 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -11,11 +11,14 @@ import dynamic from 'next/dynamic'
 import IndoteknikLogo from '@/images/logo.png'
 import Category from '@/lib/category/components/Category'
 import { useState } from 'react'
+import useAuth from '@/core/hooks/useAuth'
+import NavbarUserDropdown from './NavbarUserDropdown'
 
 const Search = dynamic(() => import('./Search'))
 
 const NavbarDesktop = () => {
   const [isOpenCategory, setIsOpenCategory] = useState(false)
+  const auth = useAuth()
 
   return (
     <DesktopView>
@@ -82,7 +85,7 @@ const NavbarDesktop = () => {
           >
             <div>Kategori Produk</div>
             <ChevronDownIcon className={`ml-auto w-6 ${isOpenCategory ? 'rotate-180' : ''}`} />
-            
+
             <div className={`category-mega-box-wrapper ${isOpenCategory ? 'show' : ''}`}>
               <Category />
             </div>
@@ -113,19 +116,35 @@ const NavbarDesktop = () => {
               Blog Indoteknik
             </Link>
           </div>
-          <div className='w-3/12 flex gap-x-1'>
-            <Link
-              href='/login'
-              className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none'
-            >
-              Masuk
-            </Link>
-            <Link
-              href='/register'
-              className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none rounded-tr-xl'
-            >
-              Daftar
-            </Link>
+
+          <div className='w-3/12 flex gap-x-1 relative'>
+            {!auth && (
+              <>
+                <Link
+                  href='/login'
+                  className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none'
+                >
+                  Masuk
+                </Link>
+                <Link
+                  href='/register'
+                  className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none rounded-tr-xl'
+                >
+                  Daftar
+                </Link>
+              </>
+            )}
+            {auth && (
+              <>
+                <Link href='/' className='navbar-user-dropdown-button'>
+                  <span>Halo, {auth?.name}</span>
+                  <div className='ml-auto'>
+                    <ChevronDownIcon className='w-6' />
+                  </div>
+                </Link>
+                <NavbarUserDropdown />
+              </>
+            )}
           </div>
         </div>
       </div>
diff --git a/src/core/components/elements/Navbar/NavbarUserDropdown.jsx b/src/core/components/elements/Navbar/NavbarUserDropdown.jsx
new file mode 100644
index 00000000..fb95c593
--- /dev/null
+++ b/src/core/components/elements/Navbar/NavbarUserDropdown.jsx
@@ -0,0 +1,16 @@
+import Link from '../Link/Link'
+
+const NavbarUserDropdown = () => {
+  return (
+    <div className='navbar-user-dropdown-wrapper'>
+      <div className='navbar-user-dropdown'>
+        <Link href='/'>Daftar Transaksi</Link>
+        <Link href='/'>Invoice & Faktur Pajak</Link>
+        <Link href='/'>Wishlist</Link>
+        <Link href='/'>Pengaturan Akun</Link>
+      </div>
+    </div>
+  )
+}
+
+export default NavbarUserDropdown