From e24275fc16ba143d18a054c6b7f11338015d4165 Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Thu, 27 Jul 2023 11:27:14 +0700
Subject: bugs fix button kerang

---
 src/lib/product/components/Product/ProductDesktop.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'src/lib')

diff --git a/src/lib/product/components/Product/ProductDesktop.jsx b/src/lib/product/components/Product/ProductDesktop.jsx
index dfff91d7..7e1d0d3b 100644
--- a/src/lib/product/components/Product/ProductDesktop.jsx
+++ b/src/lib/product/components/Product/ProductDesktop.jsx
@@ -96,6 +96,7 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
       router.push(`/login?next=/shop/product/${slug}`)
       return
     }
+    
     const quantity = variantQuantityRefs.current[variantId].value
 
     if (!validQuantity(quantity)) return
@@ -615,7 +616,7 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
                         )} */}
                         <button
                           type='button'
-                          onClick={() => handleAddToCart(variant)}
+                          onClick={() => handleAddToCart(variant.id)}
                           className='flex-1 py-2 btn-yellow'
                         >
                           Keranjang
-- 
cgit v1.2.3


From e50a8320d4b12c128feafd3a1e383d94b4c082f8 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 28 Jul 2023 09:28:53 +0700
Subject: Update popular-weekly on popular product api

---
 src/lib/home/api/popularProductApi.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/lib')

diff --git a/src/lib/home/api/popularProductApi.js b/src/lib/home/api/popularProductApi.js
index 37e4390e..4bb5e580 100644
--- a/src/lib/home/api/popularProductApi.js
+++ b/src/lib/home/api/popularProductApi.js
@@ -2,7 +2,7 @@ import axios from 'axios'
 
 const popularProductApi = async () => {
   const dataPopularProducts = await axios(
-    `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/search?q=*&page=1&orderBy=popular`
+    `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/search?q=*&page=1&orderBy=popular-weekly`
   )
   return dataPopularProducts.data.response
 }
-- 
cgit v1.2.3


From 778dcf944561e74cb915d41aff810c3f433daa43 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Fri, 28 Jul 2023 09:57:23 +0700
Subject: Update popular weekly on popular product API

---
 src/lib/product/api/productSimilarApi.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/lib')

diff --git a/src/lib/product/api/productSimilarApi.js b/src/lib/product/api/productSimilarApi.js
index 93c7f22c..d62077eb 100644
--- a/src/lib/product/api/productSimilarApi.js
+++ b/src/lib/product/api/productSimilarApi.js
@@ -2,7 +2,7 @@ import axios from 'axios'
 
 const productSimilarApi = async ({ query }) => {
   const dataProductSimilar = await axios(
-    `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/search?q=${query}&page=1&orderBy=popular&operation=OR`
+    `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/search?q=${query}&page=1&orderBy=popular-weekly&operation=OR`
   )
   return dataProductSimilar.data.response
 }
-- 
cgit v1.2.3


From e1c6052ffc9887e792f19f99d900189647845c69 Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Mon, 31 Jul 2023 16:53:37 +0700
Subject: add product flash sale to card produk banyak dilihat dan product
 similar

---
 src/lib/product/api/productSimilarApi.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'src/lib')

diff --git a/src/lib/product/api/productSimilarApi.js b/src/lib/product/api/productSimilarApi.js
index d62077eb..2470937d 100644
--- a/src/lib/product/api/productSimilarApi.js
+++ b/src/lib/product/api/productSimilarApi.js
@@ -1,9 +1,24 @@
+import odooApi from '@/core/api/odooApi'
 import axios from 'axios'
+import productSearchApi from './productSearchApi'
 
 const productSimilarApi = async ({ query }) => {
+  let dataFlashSale = null
+  const flashSale = await odooApi('GET', '/api/v1/flashsale/header')
+  if(flashSale){
+    const dataProducts = await productSearchApi({
+      query: `fq=flashsale_id_i:${flashSale[0].pricelistId}&fq=flashsale_price_f:[1 TO *]&limit=2`,
+      operation: 'AND'
+    })
+    dataFlashSale = dataProducts.response.products
+  }
   const dataProductSimilar = await axios(
     `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/search?q=${query}&page=1&orderBy=popular-weekly&operation=OR`
   )
+  dataProductSimilar.data.response.products = [
+    ...dataFlashSale,
+    ...dataProductSimilar.data.response.products,
+  ];
   return dataProductSimilar.data.response
 }
 
-- 
cgit v1.2.3


From 942b4c3548891f25198140b80192e9190a403ee5 Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Tue, 1 Aug 2023 17:07:20 +0700
Subject: flash sale

---
 src/lib/product/api/productSimilarApi.js           | 20 ++++++++-----
 .../product/components/Product/ProductDesktop.jsx  | 34 ++++++++++++++++++++--
 src/lib/product/components/ProductCard.jsx         |  7 +++++
 src/lib/product/components/ProductSimilar.jsx      |  3 +-
 src/lib/product/hooks/useProductSimilar.js         |  5 ++--
 5 files changed, 55 insertions(+), 14 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/product/api/productSimilarApi.js b/src/lib/product/api/productSimilarApi.js
index 2470937d..f9599e86 100644
--- a/src/lib/product/api/productSimilarApi.js
+++ b/src/lib/product/api/productSimilarApi.js
@@ -2,21 +2,27 @@ import odooApi from '@/core/api/odooApi'
 import axios from 'axios'
 import productSearchApi from './productSearchApi'
 
-const productSimilarApi = async ({ query }) => {
-  let dataFlashSale = null
+const productSimilarApi = async ({ query, source }) => {
+  let dataflashSale = null
   const flashSale = await odooApi('GET', '/api/v1/flashsale/header')
-  if(flashSale){
-    const dataProducts = await productSearchApi({
-      query: `fq=flashsale_id_i:${flashSale[0].pricelistId}&fq=flashsale_price_f:[1 TO *]&limit=2`,
+  if (flashSale && flashSale.length > 0) {
+    const dataFlash = await productSearchApi({
+      query: `fq=flashsale_id_i:${flashSale[0].pricelistId}&fq=flashsale_price_f:[1 TO *]&limit=${
+        source === 'bottom' ? '4' : '2'
+      }`,
       operation: 'AND'
     })
-    dataFlashSale = dataProducts.response.products
+    if (source === 'bottom') {
+      dataflashSale = dataFlash.response.products.slice('2', '4')
+    } else {
+      dataflashSale = dataFlash.response.products
+    }
   }
   const dataProductSimilar = await axios(
     `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/search?q=${query}&page=1&orderBy=popular-weekly&operation=OR`
   )
   dataProductSimilar.data.response.products = [
-    ...dataFlashSale,
+    ...dataflashSale,
     ...dataProductSimilar.data.response.products,
   ];
   return dataProductSimilar.data.response
diff --git a/src/lib/product/components/Product/ProductDesktop.jsx b/src/lib/product/components/Product/ProductDesktop.jsx
index 7e1d0d3b..e13e2ab1 100644
--- a/src/lib/product/components/Product/ProductDesktop.jsx
+++ b/src/lib/product/components/Product/ProductDesktop.jsx
@@ -18,8 +18,10 @@ import odooApi from '@/core/api/odooApi'
 import { Button, Spinner } from 'flowbite-react'
 import PromotionType from '@/lib/promotinProgram/components/PromotionType'
 import useAuth from '@/core/hooks/useAuth'
+import ImageNext from 'next/image'
 
 const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
+  console.log('ini product', products)
   const router = useRouter()
   const auth = useAuth()
   const { slug } = router.query
@@ -96,7 +98,7 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
       router.push(`/login?next=/shop/product/${slug}`)
       return
     }
-    
+
     const quantity = variantQuantityRefs.current[variantId].value
 
     if (!validQuantity(quantity)) return
@@ -142,7 +144,8 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
   useEffect(() => {
     const loadProductSimilarInBrand = async () => {
       const productSimilarQuery = [product?.name, `fq=-product_id_i:${product.id}`].join('&')
-      const dataProductSimilar = await productSimilarApi({ query: productSimilarQuery })
+      const source = 'right'
+      const dataProductSimilar = await productSimilarApi({ query: productSimilarQuery, source })
       setProductSimilarInBrand(dataProductSimilar.products)
     }
     if (!productSimilarInBrand) loadProductSimilarInBrand()
@@ -170,7 +173,22 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
       <div className='container mx-auto pt-10'>
         <div className='flex'>
           <div className='w-full flex flex-wrap'>
-            <div className='w-5/12'>
+            <div className='w-5/12 relative'>
+              <div className='absolute bottom-0 bg-red-600 w-full'>
+                <div className='flex gap-x-2 items-center p-2'>
+                  <div className='bg-yellow-400 rounded-full p-1 h-10 w-14 flex items-center justify-center '>
+                    <span className='text-lg font-bold'>40%</span>
+                  </div>
+                  <div className='bg-red-600 border border-solid border-yellow-400 rounded-full h-10 p-2 flex w-[50%] items-center justify-center gap-x-4'>
+                    <ImageNext
+                      src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg'
+                      width={20}
+                      height={10}
+                    />
+                    <span className='text-white text-lg font-semibold'>FLASH SALE</span>
+                  </div>
+                </div>
+              </div>
               <Image
                 src={product.image}
                 alt={product.name}
@@ -375,6 +393,16 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
                 <div className='text-gray_r-11 line-through text-caption-1'>
                   {currencyFormat(lowestPrice?.price)}
                 </div>
+                {product.flashSale.remainingTime > 0 && (
+                  <div className='bg-red-600 rounded-full mb-1 p-2 pl-3 pr-3 flex w-fit items-center gap-x-1'>
+                    <ImageNext
+                      src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg'
+                      width={15}
+                      height={10}
+                    />
+                    <span className='text-white text-xs font-semibold'>FLASH SALE</span>
+                  </div>
+                )}
               </div>
             )}
             <h3 className='text-danger-500 font-semibold mt-1 text-title-md'>
diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index a8964310..c85a76e9 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -3,6 +3,7 @@ import Link from '@/core/components/elements/Link/Link'
 import currencyFormat from '@/core/utils/currencyFormat'
 import { createSlug } from '@/core/utils/slug'
 import whatsappUrl from '@/core/utils/whatsappUrl'
+import ImageNext from 'next/image'
 
 const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
   const callForPriceWhatsapp = whatsappUrl('product', {
@@ -101,6 +102,12 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
           </Link>
         </div>
         <div className='w-8/12 p-2'>
+          {product.flashSale.id > 0 && (
+            <div className='bg-red-600 rounded-full mb-1 p-2 pl-3 pr-3 flex w-fit items-center gap-x-1'>
+              <ImageNext src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg' width={15} height={10} />
+              <span className='text-white text-xs font-semibold'>FLASH SALE</span>
+            </div>
+          )}
           {product?.manufacture?.name ? (
             <Link
               href={createSlug(
diff --git a/src/lib/product/components/ProductSimilar.jsx b/src/lib/product/components/ProductSimilar.jsx
index 63a33089..1b82c2e5 100644
--- a/src/lib/product/components/ProductSimilar.jsx
+++ b/src/lib/product/components/ProductSimilar.jsx
@@ -3,7 +3,8 @@ import useProductSimilar from '../hooks/useProductSimilar'
 import ProductSlider from './ProductSlider'
 
 const ProductSimilar = ({ query }) => {
-  const { productSimilar } = useProductSimilar({ query })
+  const source = "bottom"
+  const { productSimilar } = useProductSimilar({ query, source })
 
   if (productSimilar.isLoading) {
     return <PopularProductSkeleton />
diff --git a/src/lib/product/hooks/useProductSimilar.js b/src/lib/product/hooks/useProductSimilar.js
index d16e4c58..712d07ad 100644
--- a/src/lib/product/hooks/useProductSimilar.js
+++ b/src/lib/product/hooks/useProductSimilar.js
@@ -1,10 +1,9 @@
 import productSimilarApi from '../api/productSimilarApi'
 import { useQuery } from 'react-query'
 
-const useProductSimilar = ({ query }) => {
-  const fetchProductSimilar = async () => await productSimilarApi({ query })
+const useProductSimilar = ({ query, source }) => {
+  const fetchProductSimilar = async () => await productSimilarApi({ query, source })
   const { data, isLoading } = useQuery(`productSimilar-${query}`, fetchProductSimilar)
-
   return {
     productSimilar: { data, isLoading }
   }
-- 
cgit v1.2.3


From 7f5b0518474f702b68ca459e5cb531212504472d Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Thu, 3 Aug 2023 14:22:27 +0700
Subject: flash sale

---
 .../product/components/Product/ProductDesktop.jsx  | 55 ++++++++++++++--------
 src/lib/product/components/ProductCard.jsx         | 54 +++++++++++++++------
 2 files changed, 75 insertions(+), 34 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/product/components/Product/ProductDesktop.jsx b/src/lib/product/components/Product/ProductDesktop.jsx
index e13e2ab1..5cbe8a8a 100644
--- a/src/lib/product/components/Product/ProductDesktop.jsx
+++ b/src/lib/product/components/Product/ProductDesktop.jsx
@@ -19,6 +19,8 @@ import { Button, Spinner } from 'flowbite-react'
 import PromotionType from '@/lib/promotinProgram/components/PromotionType'
 import useAuth from '@/core/hooks/useAuth'
 import ImageNext from 'next/image'
+import CountDown2 from '@/core/components/elements/CountDown/CountDown2'
+import CountDown from '@/core/components/elements/CountDown/CountDown'
 
 const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
   console.log('ini product', products)
@@ -173,27 +175,42 @@ const ProductDesktop = ({ products, wishlist, toggleWishlist }) => {
       <div className='container mx-auto pt-10'>
         <div className='flex'>
           <div className='w-full flex flex-wrap'>
-            <div className='w-5/12 relative'>
-              <div className='absolute bottom-0 bg-red-600 w-full'>
-                <div className='flex gap-x-2 items-center p-2'>
-                  <div className='bg-yellow-400 rounded-full p-1 h-10 w-14 flex items-center justify-center '>
-                    <span className='text-lg font-bold'>40%</span>
-                  </div>
-                  <div className='bg-red-600 border border-solid border-yellow-400 rounded-full h-10 p-2 flex w-[50%] items-center justify-center gap-x-4'>
-                    <ImageNext
-                      src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg'
-                      width={20}
-                      height={10}
-                    />
-                    <span className='text-white text-lg font-semibold'>FLASH SALE</span>
+            <div className='w-5/12'>
+              <div className='relative mb-2'>
+                {product?.flashSale?.remainingTime > 0 && (
+                  <div className='absolute bottom-0 bg-red-600 w-full h-15 grid'>
+                    <div className='flex gap-x-2 items-center p-2'>
+                      <div className='bg-yellow-400 rounded-full p-1 h-9 w-20 flex items-center justify-center '>
+                        <span className='text-lg font-bold'>{product.lowestPrice.discountPercentage}%</span>
+                      </div>
+                      <div className='bg-red-600 border border-solid border-yellow-400 rounded-full h-9 p-2 flex w-[50%] items-center justify-center gap-x-4'>
+                        <ImageNext
+                          src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg'
+                          width={17}
+                          height={10}
+                        />
+                        <span className='text-white text-lg font-semibold'>{product.flashSale.tag || 'FLASH SALE'}</span>
+                      </div>
+                      <div>
+                        <CountDown2 initialTime={product.flashSale.remainingTime} />
+                      </div>
+                    </div>
                   </div>
-                </div>
+                )}
+                <Image
+                  src={product.image}
+                  alt={product.name}
+                  className='h-[430px] object-contain object-center w-full border border-gray_r-4'
+                />
+              </div>
+              <div>
+                <p className='text-justify text-xs leading-5'>
+                  <span className='font-semibold '>Keterangan : </span>Gambar atau foto berperan
+                  sebagai ilustrasi produk. Kadang tidak sesuai dengan kondisi terbaru dengan
+                  berbagai perubahan dan perbaikan. Hubungi tim sales kami untuk informasi yang
+                  lebih baik perihal gambar di 021-2933 8828.
+                </p>
               </div>
-              <Image
-                src={product.image}
-                alt={product.name}
-                className='h-[430px] object-contain object-center w-full border border-gray_r-4'
-              />
             </div>
 
             <div className='w-7/12 px-4'>
diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index c85a76e9..b38bb43c 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -1,11 +1,14 @@
+import CountDown2 from '@/core/components/elements/CountDown/CountDown2'
 import Image from '@/core/components/elements/Image/Image'
 import Link from '@/core/components/elements/Link/Link'
 import currencyFormat from '@/core/utils/currencyFormat'
 import { createSlug } from '@/core/utils/slug'
 import whatsappUrl from '@/core/utils/whatsappUrl'
 import ImageNext from 'next/image'
+import Product from './Product/Product'
 
 const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
+  console.log('ini prodyct ', product)
   const callForPriceWhatsapp = whatsappUrl('product', {
     name: product.name,
     url: createSlug('/shop/product/', product.name, product.id, true)
@@ -23,6 +26,23 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
             alt={product?.name}
             className='w-full object-contain object-center h-36 sm:h-48'
           />
+          {product?.flashSale?.id > 0 && (
+            <div className='absolute bottom-0 bg-red-600 w-full h-10 grid'>
+              <div className='flex gap-x-1 items-center p-2 justify-center'>
+                <div className='bg-yellow-400 rounded-full p-1 h-6 w-19 flex items-center justify-center '>
+                  <span className='text-sm font-bold'>{product?.lowestPrice.discountPercentage}%</span>
+                </div>
+                <div className='bg-red-600 border border-solid border-yellow-400 p-2 rounded-full h-6 flex w-fit items-center justify-center gap-x-2'>
+                  <ImageNext
+                    src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg'
+                    width={13}
+                    height={5}
+                  />
+                  <span className='text-white text-[11px] font-semibold'>{product?.flashSale?.tag}</span>
+                </div>
+              </div>
+            </div>
+          )}
           {product.variantTotal > 1 && (
             <div className='absolute badge-gray bottom-1.5 left-1.5'>
               {product.variantTotal} Varian
@@ -30,20 +50,20 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
           )}
         </Link>
         <div className='p-2 sm:p-3 pb-3 text-caption-2 sm:text-body-2 leading-5'>
-          {product?.manufacture?.name ? (
-            <Link
-              href={createSlug(
-                '/shop/brands/',
-                product?.manufacture?.name,
-                product?.manufacture.id
-              )}
-              className='mb-1'
-            >
-              {product.manufacture.name}
-            </Link>
-          ) : (
-            <div>-</div>
-          )}
+            {product?.manufacture?.name ? (
+              <Link
+                href={createSlug(
+                  '/shop/brands/',
+                  product?.manufacture?.name,
+                  product?.manufacture.id
+                )}
+                className='mb-1'
+              >
+                {product.manufacture.name}
+              </Link>
+            ) : (
+              <div>-</div>
+            )}
           <Link
             href={createSlug('/shop/product/', product?.name, product?.id)}
             className={`mb-2 !text-gray_r-12 leading-6 block ${
@@ -104,7 +124,11 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
         <div className='w-8/12 p-2'>
           {product.flashSale.id > 0 && (
             <div className='bg-red-600 rounded-full mb-1 p-2 pl-3 pr-3 flex w-fit items-center gap-x-1'>
-              <ImageNext src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg' width={15} height={10} />
+              <ImageNext
+                src='/images/ICON_FLASH_SALE_WEBSITE_INDOTEKNIK.svg'
+                width={15}
+                height={10}
+              />
               <span className='text-white text-xs font-semibold'>FLASH SALE</span>
             </div>
           )}
-- 
cgit v1.2.3