2 files changed, 9 insertions, 1 deletions
diff --git a/src-migrate/modules/product-detail/components/AddToCart.tsx b/src-migrate/modules/product-detail/components/AddToCart.tsx
index 147fd6d2..0dc39c1c 100644
--- a/src-migrate/modules/product-detail/components/AddToCart.tsx
+++ b/src-migrate/modules/product-detail/components/AddToCart.tsx
@@ -66,6 +66,8 @@ const AddToCart = ({
     weight: '',
     isFlashSale: false,
   });
+  const hasPrice =
+    !!product?.lowest_price && Number(product.lowest_price.price) > 0;
 
   useEffect(() => {
     const fetchData = async () => {
@@ -183,6 +185,7 @@ const AddToCart = ({
           colorScheme={btnConfig[source].colorScheme}
           variant={btnConfig[source].variant}
           className='w-full'
+          isDisabled={!hasPrice || status === 'loading'}
         >
           {btnConfig[source].text}
         </Button>
@@ -194,6 +197,7 @@ const AddToCart = ({
           colorScheme={btnConfig[source].colorScheme}
           variant={btnConfig[source].variant}
           className='w-full'
+          isDisabled={!hasPrice || status === 'loading'}
         >
           {btnConfig[source].text}
         </Button>
@@ -208,7 +212,10 @@ const AddToCart = ({
         {/* ===== MOBILE LAYOUT: konten scroll + footer fixed di dalam popup ===== */}
         <div className='md:hidden flex flex-col max-h-[75vh]'>
           {/* area scroll */}
-          <div className='flex-1 overflow-y-auto' style={{ scrollbarWidth: 'none' }}>
+          <div
+            className='flex-1 overflow-y-auto'
+            style={{ scrollbarWidth: 'none' }}
+          >
             {/* HEADER ITEM */}
             <div className='flex mt-4'>
               <div className='w-[25%]'>
diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index ffc9ba40..a329d2cc 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -37,6 +37,7 @@ const PriceAction = ({ product }: Props) => {
   } = useProductDetail();
   const [qtyPickUp, setQtyPickUp] = useState(0);
   const { isDesktop, isMobile } = useDevice();
+
   useEffect(() => {
     setActive(selectedVariant);
     if (product.variants.length > 2 && product.variants[0].price.price === 0) {