fix: Disable AddToCartButton when inventory quantity is zero

commercelayer · Nov 24, 2021 · 819580f · 819580f
1 parent 39c6917
commit 819580f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/AddToCartButton.tsx b/src/components/AddToCartButton.tsx
@@ -69,6 +69,7 @@ const AddToCartButton: FunctionComponent<AddToCartButtonProps> = (props) => {
       ? items[skuCode]?.code
       : skuCode || getCurrentItemKey(item) || itemSkuCode
   ) as string
+  const availabilityQuantity = item[sCode]?.inventory?.quantity || 0
   const handleClick = () => {
     const qty = quantity[sCode]
     const opt = option[sCode]
@@ -142,7 +143,7 @@ const AddToCartButton: FunctionComponent<AddToCartButtonProps> = (props) => {
   const autoDisabled =
     !isEmpty(skuLists) || skuListId
       ? false
-      : disabled || !prices[sCode] || !sCode
+      : disabled || !prices[sCode] || !sCode || availabilityQuantity === 0
   const parentProps = {
     handleClick,
     disabled: disabled || autoDisabled,

diff --git a/src/reducers/AvailabilityReducer.ts b/src/reducers/AvailabilityReducer.ts
@@ -85,8 +85,6 @@ export const getAvailability: GetAvailability = async ({
     const skuInventory = (await sdk.skus.retrieve(sku.id, {
       fields: { skus: ['inventory'] },
     })) as SkuInventory
-    debugger
-
     const [level] = skuInventory.inventory?.levels || []
     const [delivery] = level?.delivery_lead_times || []
     dispatch({