From f15a7f8a4387d215abd1051ee520adca8944fa05 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 28 Mar 2023 16:32:45 +0700
Subject: checkout, quotation

---
 src/core/components/elements/Navbar/NavbarDesktop.jsx | 10 ++--------
 src/core/components/elements/Popup/BottomPopup.jsx    |  6 ++++--
 2 files changed, 6 insertions(+), 10 deletions(-)

(limited to 'src/core/components/elements')

diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index db281e9a..7e66a234 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -67,7 +67,7 @@ const NavbarDesktop = () => {
             <a href='https://wa.me/628' className='flex items-center gap-x-1 !text-gray_r-12/80'>
               <Image src='/images/socials/Whatsapp-2.png' alt='Whatsapp' width={48} height={48} />
               <div>
-                <div className='font-semibold'>Order Via WA</div>
+                <div className='font-semibold'>Whatsapp</div>
                 0812 8080 622 (Chat)
               </div>
             </a>
@@ -91,12 +91,6 @@ const NavbarDesktop = () => {
             </div>
           </button>
           <div className='w-6/12 flex gap-x-1 px-1 bg-gray_r-1'>
-            <Link
-              href='/'
-              className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 bg-gray_r-2 hover:bg-gray_r-4 border border-gray_r-6 idt-transition'
-            >
-              Promo Produk
-            </Link>
             <Link
               href='/shop/brands'
               className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 bg-gray_r-2 hover:bg-gray_r-4 border border-gray_r-6 idt-transition'
@@ -104,7 +98,7 @@ const NavbarDesktop = () => {
               Semua Brand
             </Link>
             <Link
-              href='/'
+              href='/shop/search?orderBy=stock'
               className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 bg-gray_r-2 hover:bg-gray_r-4 border border-gray_r-6 idt-transition'
             >
               Ready Stock
diff --git a/src/core/components/elements/Popup/BottomPopup.jsx b/src/core/components/elements/Popup/BottomPopup.jsx
index 5828d222..1fc77932 100644
--- a/src/core/components/elements/Popup/BottomPopup.jsx
+++ b/src/core/components/elements/Popup/BottomPopup.jsx
@@ -3,6 +3,7 @@ import { AnimatePresence, motion } from 'framer-motion'
 import { useEffect } from 'react'
 import MobileView from '../../views/MobileView'
 import DesktopView from '../../views/DesktopView'
+import ReactDOM from 'react-dom'
 
 const transition = { ease: 'linear', duration: 0.2 }
 
@@ -15,7 +16,7 @@ const BottomPopup = ({ children, active = false, title, close }) => {
     }
   }, [active])
 
-  return (
+  return ReactDOM.createPortal(
     <>
       <AnimatePresence>
         {active && (
@@ -66,7 +67,8 @@ const BottomPopup = ({ children, active = false, title, close }) => {
           </>
         )}
       </AnimatePresence>
-    </>
+    </>,
+    document.querySelector('body')
   )
 }
 
-- 
cgit v1.2.3