3 files changed, 35 insertions, 60 deletions

diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index 6454c414..2ddf5efe 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -5,9 +5,7 @@ import { createSlug } from '@/core/utils/slug';
 import whatsappUrl from '@/core/utils/whatsappUrl';
 import IndoteknikLogo from '@/images/logo.png';
 import Cardheader from '@/lib/cart/components/Cartheader';
-import Quotationheader from "../../../../../src/lib/quotation/components/Quotationheader.jsx"
 import Category from '@/lib/category/components/Category';
-import { useProductCartContext } from '@/contexts/ProductCartContext';
 import {
   ChevronDownIcon,
   DocumentCheckIcon,
@@ -31,7 +29,6 @@ import {
   useDisclosure,
 } from '@chakra-ui/react';
 import style from "./style/NavbarDesktop.module.css";
-import useTransactions from '@/lib/transaction/hooks/useTransactions';
 
 const Search = dynamic(() => import('./Search'), { ssr: false });
 const TopBanner = dynamic(() => import('./TopBanner'), { ssr: false });
@@ -41,8 +38,7 @@ const NavbarDesktop = () => {
   const auth = useAuth();
 
   const [cartCount, setCartCount] = useState(0);
-  const [quotationCount, setQuotationCount] = useState(0);
-  const [pendingTransactions, setPendingTransactions] = useState([])
+
   const [templateWA, setTemplateWA] = useState(null);
   const [payloadWA, setPayloadWa] = useState(null);
   const [urlPath, setUrlPath] = useState(null);
@@ -51,17 +47,6 @@ const NavbarDesktop = () => {
 
   const { product } = useProductContext();
   const { isOpen, onOpen, onClose } = useDisclosure();
-  
-  const query = {
-    context: 'quotation',
-    site:
-    (auth?.webRole === null && auth?.site ? auth.site : null),
-  };
-  
-  const { transactions } = useTransactions({ query });
-  const data = transactions?.data?.saleOrders.filter(
-    (transaction) => transaction.status === 'draft'
-  );
 
   const [showPopup, setShowPopup] = useState(false);
   const [isTop, setIsTop] = useState(true);
@@ -104,11 +89,6 @@ const NavbarDesktop = () => {
   }, []);
 
   useEffect(() => {
-    setPendingTransactions(data);
-  }, [transactions.data]);
-  
-  
-  useEffect(() => {
     if (router.pathname === '/shop/product/[slug]') {
       setPayloadWa({
         name: product?.name,
@@ -116,11 +96,11 @@ const NavbarDesktop = () => {
         url: createSlug('/shop/product/', product?.name, product?.id, true),
       });
       setTemplateWA('product');
-      
+
       setUrlPath(router.asPath);
     }
   }, [product, router]);
-  
+
   useEffect(() => {
     const handleCartChange = () => {
       const cart = async () => {
@@ -129,31 +109,15 @@ const NavbarDesktop = () => {
       };
       cart();
     };
-    handleCartChange(); 
-    
+    handleCartChange();
+
     window.addEventListener('localStorageChange', handleCartChange);
-    
+
     return () => {
       window.removeEventListener('localStorageChange', handleCartChange);
     };
   }, []);
 
-  useEffect(() => {
-    const handleQuotationChange = () => {
-      const quotation = async () => {
-        setQuotationCount(pendingTransactions?.length);
-      };
-      quotation();
-    };
-    handleQuotationChange();
-
-    window.addEventListener('localStorageChange', handleQuotationChange);
-
-    return () => {
-      window.removeEventListener('localStorageChange', handleQuotationChange);
-    };
-  }, [pendingTransactions]);
-  
   return (
     <DesktopView>
       <TopBanner onLoad={handleTopBannerLoad} />
@@ -216,7 +180,17 @@ const NavbarDesktop = () => {
             <Search />
           </div>
           <div className='flex gap-x-4 items-center'>
-            <Quotationheader quotationCount={quotationCount} data={pendingTransactions} />
+            <Link
+              href='/my/transactions'
+              target='_blank'
+              rel='noreferrer'
+              className='flex items-center gap-x-2 !text-gray_r-12/80'
+            >
+              <DocumentCheckIcon className='w-7' />
+              Daftar
+              <br />
+              Quotation
+            </Link>
 
             <Cardheader cartCount={cartCount} />
 
diff --git a/src/core/components/elements/Navbar/NavbarMobile.jsx b/src/core/components/elements/Navbar/NavbarMobile.jsx
index 90314671..bcf45e0a 100644
--- a/src/core/components/elements/Navbar/NavbarMobile.jsx
+++ b/src/core/components/elements/Navbar/NavbarMobile.jsx
@@ -11,7 +11,7 @@ import Image from 'next/image';
 import { useEffect, useState } from 'react';
 import MobileView from '../../views/MobileView';
 import Link from '../Link/Link';
-import TopBanner from './TopBanner';
+// import TopBanner from './TopBanner';
 
 const Search = dynamic(() => import('./Search'));
 
@@ -39,7 +39,7 @@ const NavbarMobile = () => {
 
   return (
     <MobileView>
-      <TopBanner />
+      {/* <TopBanner /> */}
       <nav className='px-4 py-2 pb-3 sticky top-0 z-50 bg-white shadow'>
         <div className='flex justify-between items-center mb-2'>
           <Link href='/'>
diff --git a/src/core/components/elements/Navbar/TopBanner.jsx b/src/core/components/elements/Navbar/TopBanner.jsx
index b035eea4..6cce6b03 100644
--- a/src/core/components/elements/Navbar/TopBanner.jsx
+++ b/src/core/components/elements/Navbar/TopBanner.jsx
@@ -1,5 +1,6 @@
 import Image from 'next/image';
-import { useQuery } from 'react-query';import useDevice from '@/core/hooks/useDevice'
+import { useQuery } from 'react-query';
+
 import odooApi from '@/core/api/odooApi';
 import SmoothRender from '~/components/ui/smooth-render';
 import Link from '../Link/Link';
@@ -12,7 +13,7 @@ const TopBanner = ({ onLoad = () => {} }) => {
     refetchOnWindowFocus: false,
   });
 
-  // const backgroundColor = topBanner.data?.[0]?.backgroundColor || 'transparent';
+  const backgroundColor = topBanner.data?.[0]?.backgroundColor || 'transparent';
   const hasData = topBanner.data?.length > 0;
   const data = topBanner.data?.[0] || null;
 
@@ -25,21 +26,21 @@ const TopBanner = ({ onLoad = () => {} }) => {
   return (
     <SmoothRender
       isLoaded={hasData}
-      // height='36px'
+      height='36px'
       duration='700ms'
       delay='300ms'
-      className='h-auto'
-      >
-      <Link
-          href={data?.url}
-          className="block bg-cover bg-center h-3 md:h-6 lg:h-[36px]"
-          style={{
-            backgroundImage: `url('${data?.image}')`,
-          }}
-        >
-        </Link>
-
-      </SmoothRender>
+      style={{ backgroundColor }}
+    >
+      <Link href={data?.url}>
+        <Image
+          src={data?.image}
+          alt={data?.name}
+          width={1440}
+          height={40}
+          className='object-cover object-center h-full mx-auto'
+        />
+      </Link>
+    </SmoothRender>
   );
 };