chore: quick shop render logic addition

packdigital · Oct 18, 2024 · e3eaf72 · e3eaf72
1 parent 31552dd
commit e3eaf72
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/app/components/ProductItem/QuickShop/QuickShop.tsx b/app/components/ProductItem/QuickShop/QuickShop.tsx
@@ -49,22 +49,27 @@ export function QuickShop({
   }, [enabledColorSelector, selectedProduct?.id]);
 
   const hasOneVariant = selectedProduct?.variants?.nodes?.length === 1;
+  const hasOnlyColorOption =
+    enabledColorSelector &&
+    selectedProduct?.options?.length === 1 &&
+    selectedProduct?.options[0].name === COLOR_OPTION_NAME;
+  const usesAddToCart = hasOneVariant || hasOnlyColorOption;
 
   return qualifiesForQuickShop && selectedVariant ? (
     <div
       className={`mt-5 transition md:block md:opacity-0 md:group-hover:opacity-100 lg:mt-6 ${
         quickShopMobileHidden ? 'max-md:hidden' : ''
       }`}
     >
-      {hasOneVariant && (
+      {usesAddToCart && (
         <AddToCart
           addToCartText={quickShopSingleText}
           className="btn-inverse-dark"
           selectedVariant={selectedVariant}
         />
       )}
 
-      {selectedProduct && !hasOneVariant && (
+      {selectedProduct && !usesAddToCart && (
         <QuickShopOptions
           quickShopMultiText={quickShopMultiText}
           quickShopMobileHidden={quickShopMobileHidden}