Hide ProductScroller components when no items are available

graphcommerce-org · Dec 2, 2024 · ebdf2c8 · ebdf2c8
1 parent 5b3ce00
commit ebdf2c8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/afraid-ants-shout.md b/.changeset/afraid-ants-shout.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/magento-product': patch
+---
+
+Hide ProductScroller components when no items are available
diff --git a/packages/magento-product/components/ProductScroller/ProductScroller.tsx b/packages/magento-product/components/ProductScroller/ProductScroller.tsx
@@ -36,7 +36,7 @@ export const ProductScroller = forwardRef<HTMLDivElement, ProductScrollerProps>(
 
     const Wrapper = useContext(AddProductsToCartContext) ? React.Fragment : AddProductsToCartForm
 
-    if (!items) return null
+    if (!items || !items.length) return null
 
     return (
       <Box sx={sx} ref={ref}>