Make sure the DemoRecentlyViewedProducts doesn't render without any i…

…tems
graphcommerce-org · Jan 22, 2024 · 38ec023 · 38ec023
1 parent dc86f2f
commit 38ec023
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/.changeset/shy-chicken-pull.md b/.changeset/shy-chicken-pull.md
@@ -0,0 +1,5 @@
+---
+"@graphcommerce/demo-magento-graphcommerce": patch
+---
+
+Make sure the DemoRecentlyViewedProducts doesn't render without any items
diff --git a/packages/demo-magento-graphcommerce/plugins/demo/DemoRecentlyViewedProducts.tsx b/packages/demo-magento-graphcommerce/plugins/demo/DemoRecentlyViewedProducts.tsx
@@ -44,19 +44,21 @@ function DemoRecentlyViewedProducts(props: PluginProps<RecentlyViewedProductsPro
   return (
     <>
       <Box ref={ref} className='recentlyViewedProducts' sx={{ height: '1px' }} />
-      <AddProductsToCartForm>
-        <SidebarSlider sidebar={<Typography variant='h2'>{title}</Typography>}>
-          {filterNonNullableKeys(items).map((item) => (
-            <RenderType
-              key={item.uid}
-              renderer={productListRenderer}
-              sizes={responsiveVal(200, 400)}
-              titleComponent='h3'
-              {...item}
-            />
-          ))}
-        </SidebarSlider>
-      </AddProductsToCartForm>
+      {items.length > 0 && (
+        <AddProductsToCartForm>
+          <SidebarSlider sidebar={<Typography variant='h2'>{title}</Typography>}>
+            {filterNonNullableKeys(items).map((item) => (
+              <RenderType
+                key={item.uid}
+                renderer={productListRenderer}
+                sizes={responsiveVal(200, 400)}
+                titleComponent='h3'
+                {...item}
+              />
+            ))}
+          </SidebarSlider>
+        </AddProductsToCartForm>
+      )}
     </>
   )
 }