From d71646a60d8a1b40c8bae76ff1570ead8df9d1fc Mon Sep 17 00:00:00 2001
From: John Vandivier <vandivier_john@yahoo.com>
Date: Mon, 31 May 2021 22:31:16 -0400
Subject: [PATCH 1/3] feat: concise card code (#348)

---
 pages/index.tsx | 20 ++------------------
 1 file changed, 2 insertions(+), 18 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 4f65a93c8..3a466c606 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -52,15 +52,7 @@ export default function Home({
       </Grid>
       <Marquee variant="secondary">
         {products.slice(0, 3).map((product, i) => (
-          <ProductCard
-            key={product.id}
-            product={product}
-            variant="slim"
-            imgProps={{
-              width: 320,
-              height: 320,
-            }}
-          />
+          <ProductCard key={product.id} product={product} variant="slim" />
         ))}
       </Marquee>
       <Hero
@@ -87,15 +79,7 @@ export default function Home({
       </Grid>
       <Marquee>
         {products.slice(0, 3).map((product, i) => (
-          <ProductCard
-            key={product.id}
-            product={product}
-            variant="slim"
-            imgProps={{
-              width: 320,
-              height: 320,
-            }}
-          />
+          <ProductCard key={product.id} product={product} variant="slim" />
         ))}
       </Marquee>
       {/* <HomeAllProductsGrid

From 277471cd169169ecbabd9b0aa58922c0edca1182 Mon Sep 17 00:00:00 2001
From: Gonzalo Pozzo <gonzalo.pozzo4@gmail.com>
Date: Mon, 31 May 2021 23:32:10 -0300
Subject: [PATCH 2/3] Update next.config.js filter (#329)

Its a little more explicit using boolean than x => x
---
 next.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/next.config.js b/next.config.js
index 9d6a29ba1..b1e48cf1e 100644
--- a/next.config.js
+++ b/next.config.js
@@ -49,7 +49,7 @@ module.exports = withCommerceConfig({
         source: '/search/:category',
         destination: '/search',
       },
-    ].filter((x) => x)
+    ].filter(Boolean)
   },
 })
 

From 0792eabd4cb2b911e7604c5545e40f785cd840fd Mon Sep 17 00:00:00 2001
From: cond0r <pinte_catalin@yahoo.com>
Date: Tue, 1 Jun 2021 05:34:28 +0300
Subject: [PATCH 3/3] Fix missing images (#264)

Co-authored-by: B <curciobelen@gmail.com>
---
 components/product/ProductCard/ProductCard.tsx    | 4 ++--
 components/wishlist/WishlistCard/WishlistCard.tsx | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index ade53380c..45a19d2dd 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -34,7 +34,7 @@ const ProductCard: FC<Props> = ({
           {product?.images && (
             <Image
               quality="85"
-              src={product.images[0].url || placeholderImg}
+              src={product.images[0]?.url || placeholderImg}
               alt={product.name || 'Product Image'}
               height={320}
               width={320}
@@ -70,7 +70,7 @@ const ProductCard: FC<Props> = ({
               <Image
                 alt={product.name || 'Product Image'}
                 className={s.productImage}
-                src={product.images[0].url || placeholderImg}
+                src={product.images[0]?.url || placeholderImg}
                 height={540}
                 width={540}
                 quality="85"
diff --git a/components/wishlist/WishlistCard/WishlistCard.tsx b/components/wishlist/WishlistCard/WishlistCard.tsx
index 1568d9e7e..a30304132 100644
--- a/components/wishlist/WishlistCard/WishlistCard.tsx
+++ b/components/wishlist/WishlistCard/WishlistCard.tsx
@@ -16,6 +16,8 @@ interface Props {
   product: Product
 }
 
+const placeholderImg = '/product-img-placeholder.svg'
+
 const WishlistCard: FC<Props> = ({ product }) => {
   const { price } = usePrice({
     amount: product.prices?.price?.value,
@@ -58,10 +60,10 @@ const WishlistCard: FC<Props> = ({ product }) => {
     <div className={cn(s.root, { 'opacity-75 pointer-events-none': removing })}>
       <div className={`col-span-3 ${s.productBg}`}>
         <Image
-          src={product.images[0].url}
+          src={product.images[0]?.url || placeholderImg}
           width={400}
           height={400}
-          alt={product.images[0].alt || 'Product Image'}
+          alt={product.images[0]?.alt || 'Product Image'}
         />
       </div>