2 files changed, 30 insertions, 9 deletions

diff --git a/src-migrate/modules/cart/components/Item.tsx b/src-migrate/modules/cart/components/Item.tsx
index 6ffbb524..ab2e7ce1 100644
--- a/src-migrate/modules/cart/components/Item.tsx
+++ b/src-migrate/modules/cart/components/Item.tsx
@@ -36,26 +36,29 @@ const CartItem = ({ item, editable = true, selfPicking}: Props) => {
           )}
           <div className='w-2' />
           <div>
-            Selamat! Pembelian anda lebih hemat {' '}
+            Selamat! Pembelian anda lebih hemat{' '}
             <span className={style.savingAmt}>
-              Rp{formatCurrency((item.package_price || 0) * item.quantity - item.subtotal)}
+              Rp
+              {formatCurrency(
+                (item.package_price || 0) * item.quantity - item.subtotal
+              )}
             </span>
           </div>
         </div>
       )}
 
       <div className={style.mainProdWrapper}>
-        {editable && (
-          <CartItemSelect item={item} />
-        )}
+        {editable && <CartItemSelect item={item} />}
         <div className='w-4' />
 
         <CartItem.Image item={item} />
 
         <div className={style.details}>
-          {(item.is_in_bu) && (item.on_hand_qty >= item.quantity) && (
+          {item?.available_quantity > 0 && (
             <div className='text-[10px] text-red-500 italic'>
-              *Barang ini bisa di pickup maksimal pukul 16.00
+              {item.quantity <= item?.available_quantity
+                ? '*Barang ini bisa di pickup maksimal pukul 16.00'
+                : `*${item?.available_quantity} Barang ini bisa di pickup maksimal pukul 16.00`}
             </div>
           )}
           <CartItem.Name item={item} />
diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index 3544fa26..5171308c 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -2,11 +2,12 @@ import style from '../styles/price-action.module.css';
 
 import Image from 'next/image';
 import Link from 'next/link';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import formatCurrency from '~/libs/formatCurrency';
 import { IProductDetail } from '~/types/product';
 import { useProductDetail } from '../stores/useProductDetail';
 import AddToCart from './AddToCart';
+import odooApi from '~/libs/odooApi';
 
 type Props = {
   product: IProductDetail;
@@ -25,7 +26,7 @@ const PriceAction = ({ product }: Props) => {
     selectedVariant,
     sla,
   } = useProductDetail();
-
+  const [qtyPickUp, setQtyPickUp] = useState(0);
   useEffect(() => {
     setActive(selectedVariant);
     if (product.variants.length > 2 && product.variants[0].price.price === 0) {
@@ -39,6 +40,18 @@ const PriceAction = ({ product }: Props) => {
     }
   }, [product, setActive, selectedVariant]);
 
+  useEffect(() => {
+    const fetchData = async () => {
+      const qty_available = await odooApi(
+        'GET',
+        `/api/v1/product_variant/${selectedVariant.id}/qty_available`
+      );
+
+      setQtyPickUp(qty_available?.qty);
+    };
+    fetchData();
+  }, [selectedVariant]);
+
   let voucherPastiHemat = 0;
 
   if (
@@ -143,6 +156,11 @@ const PriceAction = ({ product }: Props) => {
           )}
         </div>
       </div>
+      {qtyPickUp > 0 && (
+        <div className='text-[10px] mt-1 text-red-500 italic'>
+          * {qtyPickUp} barang bisa di pickup
+        </div>
+      )}
       <div className='h-4' />
 
       <div className={`${style['action-wrapper']}`}>