handle product quantity negative value

src/components/ProductDetails/ProductDetails.jsx

@@ -95,6 +95,8 @@ const ProductDetails = () => {
 
           if (hasMatchingProperties(newVariantSelection, optionsObject)) {
             newVariantSelection = { ...newVariantSelection, amount, currencyCode, id, quantityAvailable };
+            if (quantityAvailable <= 0) setQuantity(0)
+            else setQuantity(1)
             break; // Exit the loop when condition is met
           }
         }
@@ -139,7 +141,7 @@ const ProductDetails = () => {
 
         if (hasMatchingProperties(newVariantSelection, optionsObject)) {
           newVariantSelection = { ...newVariantSelection, amount, currencyCode, id, quantityAvailable };
-          if (quantityAvailable == 0) setQuantity(0)
+          if (quantityAvailable <= 0) setQuantity(0)
           else setQuantity(1)
           break; // Exit the loop when condition is met
         }
@@ -305,7 +307,7 @@ const ProductDetails = () => {
               variant="contained"
               color="primary"
               sx={{ width: "35px" }}
-              disabled={variantSelection?.quantityAvailable == 0 || quantity == 1}
+              disabled={variantSelection?.quantityAvailable <= 0 || quantity == 1}
               onClick={handleDecrement}
             >
               <RemoveIcon />
@@ -323,7 +325,7 @@ const ProductDetails = () => {
               variant="contained"
               color="primary"
               sx={{ width: "35px" }}
-              disabled={variantSelection?.quantityAvailable == 0 || quantity == variantSelection?.quantityAvailable}
+              disabled={variantSelection?.quantityAvailable <= 0 || quantity == variantSelection?.quantityAvailable}
               onClick={handleIncrement}
             >
               <AddIcon />
@@ -346,7 +348,7 @@ const ProductDetails = () => {
           variant="contained"
           color="common.black"
           fullWidth
-          disabled={variantSelection?.quantityAvailable == 0 || showLoader}
+          disabled={variantSelection?.quantityAvailable <= 0 || showLoader}
           sx={{
             backgroundColor: (theme) => theme.palette.common.black,
             color: "white",