<Miqdad> fix selected variantHEADnew-release

3 files changed, 20 insertions, 19 deletions

diff --git a/src-migrate/modules/product-detail/components/AddToCart.tsx b/src-migrate/modules/product-detail/components/AddToCart.tsx
index 18f90012..a8523f55 100644
--- a/src-migrate/modules/product-detail/components/AddToCart.tsx
+++ b/src-migrate/modules/product-detail/components/AddToCart.tsx
@@ -51,7 +51,7 @@ const AddToCart = ({
 
   const { isMobile, isDesktop } = useDevice();
 
-  const { askAdminUrl } = useProductDetail();
+  const { askAdminUrl, selectedVariant } = useProductDetail();
 
   const [product, setProducts] = useState(products);
   const [status, setStatus] = useState<Status>('idle');
@@ -72,8 +72,7 @@ const AddToCart = ({
     weight: '',
     isFlashSale: false,
   });
-  const hasPrice =
-    !!product?.lowest_price && Number(product.lowest_price.price) > 0;
+  const hasPrice = Number(selectedVariant?.price?.price_discount || 0) > 0;
 
   useEffect(() => {
     const fetchData = async () => {
diff --git a/src-migrate/modules/product-detail/components/AddToQuotation.tsx b/src-migrate/modules/product-detail/components/AddToQuotation.tsx
index e26e271f..747e8718 100644
--- a/src-migrate/modules/product-detail/components/AddToQuotation.tsx
+++ b/src-migrate/modules/product-detail/components/AddToQuotation.tsx
@@ -44,7 +44,7 @@ const AddToQuotation = ({
     isClosable: true,
   });
 
-  const { askAdminUrl } = useProductDetail();
+  const { askAdminUrl, selectedVariant } = useProductDetail();
   const { isMobile, isDesktop } = useDevice();
 
   const [product, setProducts] = useState(products);
@@ -64,8 +64,8 @@ const AddToQuotation = ({
     `fq=-manufacture_id_i:${product.manufacture?.id || 0}`,
   ].join('&');
   const [addCartAlert, setAddCartAlert] = useState(false);
-  const hasPrice =
-    !!product?.lowest_price && Number(product.lowest_price.price) > 0;
+
+  const hasPrice = Number(selectedVariant?.price?.price_discount || 0) > 0;
 
   const handleButton = async () => {
     if (typeof auth !== 'object') {
@@ -138,6 +138,7 @@ const AddToQuotation = ({
                 className="w-full border border-gray-300 p-2 gap-2 flex items-center justify-center text-gray-600 hover:text-red-600 hover:border-red-600 transition-all font-normal text-sm"
                 _hover={{ textDecoration: 'none' }}
                 onClick={handleButton}
+                isDisabled={!hasPrice}
             >
                 <ImageNext src="/images/doc_red.svg" width={20} height={20} alt="penawaran" />
                 Penawaran
diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index ea65b3d1..37ee5055 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -80,7 +80,8 @@ const PriceAction = ({ product, onCompare }: Props) => {
     const validJsonString = stringVoucher.replace(/'/g, '"');
     voucherPastiHemat = JSON.parse(validJsonString);
   }
-  const hasPrice = Number(product?.lowest_price?.price) > 0;
+  const hasPrice = Number(selectedVariant?.price?.price_discount || 0) > 0;
+  const price = selectedVariant?.price;
 
   return (
     <div
@@ -90,59 +91,59 @@ const PriceAction = ({ product, onCompare }: Props) => {
       }`}
       id='price-section'
     >
-      {!!activePrice && activePrice.price > 0 && (
+    {!!price && price.price > 0 && (
         <>
           <DesktopView>
             <div className='flex items-end gap-x-2'>
-              {activePrice.discount_percentage > 0 && (
+              {price.discount_percentage > 0 && (
                 <>
                   <div className={style['disc-badge']}>
-                    {Math.floor(activePrice.discount_percentage)}%
+                    {Math.floor(price.discount_percentage)}%
                   </div>
                   <div className={style['disc-price']}>
-                    Rp {formatCurrency(activePrice.price || 0)}
+                    Rp {formatCurrency(price.price || 0)}
                   </div>
                 </>
               )}
               <div className={style['main-price']}>
-                Rp {formatCurrency(activePrice.price_discount || 0)}
+                Rp {formatCurrency(price.price_discount || 0)}
               </div>
             </div>
             <div className='h-1' />
             <div className={style['secondary-text']}>
               Termasuk PPN: Rp{' '}
-              {formatCurrency(Math.round(activePrice.price_discount * PPN))}
+              {formatCurrency(Math.round(price.price_discount * PPN))}
             </div>
           </DesktopView>
           <MobileView>
             <div className='flex items-end gap-x-2'>
-              {activePrice.discount_percentage > 0 ? (
+              {price.discount_percentage > 0 ? (
                 <>
                   <div className={style['disc-badge']}>
-                    {Math.floor(activePrice.discount_percentage)}%
+                    {Math.floor(price.discount_percentage)}%
                   </div>
 
                   {/* harga setelah diskon (main-price) di kiri */}
                   <div className={style['main-price']}>
-                    Rp {formatCurrency(activePrice.price_discount || 0)}
+                    Rp {formatCurrency(price.price_discount || 0)}
                   </div>
 
                   {/* harga coret di kanan */}
                   <div className={style['disc-price']}>
-                    Rp {formatCurrency(activePrice.price || 0)}
+                    Rp {formatCurrency(price.price || 0)}
                   </div>
                 </>
               ) : (
                 // kalau tidak ada diskon, tampilkan harga normal saja
                 <div className={style['main-price']}>
-                  Rp {formatCurrency(activePrice.price || 0)}
+                  Rp {formatCurrency(price.price || 0)}
                 </div>
               )}
             </div>
 
             <div className='text-md text-gray-500 shadow-0'>
               Termasuk PPN: Rp{' '}
-              {formatCurrency(Math.round(activePrice.price_discount * PPN))}
+              {formatCurrency(Math.round(price.price_discount * PPN))}
             </div>
           </MobileView>
         </>