wa text product

1 files changed, 25 insertions, 1 deletions

diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index 26edd5a4..eb1bc48c 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -16,6 +16,10 @@ import NavbarUserDropdown from './NavbarUserDropdown'
 import { getCart } from '@/core/utils/cart'
 import TopBanner from './TopBanner'
 import whatsappUrl from '@/core/utils/whatsappUrl'
+import { useRouter } from 'next/router'
+import { getAuth } from '@/core/utils/auth'
+import { createSlug, getIdFromSlug } from '@/core/utils/slug'
+import productApi from '@/lib/product/api/productApi'
 
 const Search = dynamic(() => import('./Search'))
 
@@ -25,6 +29,11 @@ const NavbarDesktop = () => {
 
   const [cartCount, setCartCount] = useState(0)
 
+  const [templateWA, setTemplateWA] = useState(null)
+  const [payloadWA, setPayloadWa] = useState(null)
+
+  const router = useRouter()
+
   useEffect(() => {
     const handleCartChange = () => {
       setCartCount(Object.keys(getCart()).length)
@@ -32,6 +41,21 @@ const NavbarDesktop = () => {
     handleCartChange()
 
     window.addEventListener('localStorageChange', handleCartChange)
+    if (router.pathname === '/shop/product/[slug]') {
+      const authToken = getAuth().token
+
+      const { slug } = router.query
+      const getProduct = async () => {
+        let product = await productApi({ id: getIdFromSlug(slug), headers: { Token: authToken } })
+        setPayloadWa({
+          name: product[0]?.name,
+          manufacture: product[0]?.manufacture.name,
+          url: createSlug('/shop/product/', product[0]?.name, product[0]?.id, true)
+        })
+      }
+      getProduct()
+      setTemplateWA('product')
+    }
 
     return () => {
       window.removeEventListener('localStorageChange', handleCartChange)
@@ -92,7 +116,7 @@ const NavbarDesktop = () => {
               Wishlist
             </Link>
             <a
-              href={whatsappUrl()}
+              href={whatsappUrl(templateWA, payloadWA)}
               target='_blank'
               rel='noreferrer'
               className='flex items-center gap-x-1 !text-gray_r-12/80'