From ea1bbcf1bb20639721d55f72361be5aa4ffbf019 Mon Sep 17 00:00:00 2001
From: Gonzalo Pozzo <gonzalo.pozzo4@gmail.com>
Date: Thu, 9 Dec 2021 12:41:29 -0300
Subject: [PATCH] Fix cart item image error (#600)

---
 components/cart/CartItem/CartItem.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/cart/CartItem/CartItem.tsx b/components/cart/CartItem/CartItem.tsx
index 334761b54..a9d143a1c 100644
--- a/components/cart/CartItem/CartItem.tsx
+++ b/components/cart/CartItem/CartItem.tsx
@@ -3,7 +3,6 @@ import cn from 'classnames'
 import Image from 'next/image'
 import Link from 'next/link'
 import s from './CartItem.module.css'
-import { Trash, Plus, Minus, Cross } from '@components/icons'
 import { useUI } from '@components/ui/context'
 import type { LineItem } from '@commerce/types/cart'
 import usePrice from '@framework/product/use-price'
@@ -18,6 +17,8 @@ type ItemOption = {
   valueId: number
 }
 
+const placeholderImg = '/product-img-placeholder.svg'
+
 const CartItem = ({
   item,
   variant = 'default',
@@ -91,8 +92,8 @@ const CartItem = ({
                 className={s.productImage}
                 width={150}
                 height={150}
-                src={item.variant.image!.url}
-                alt={item.variant.image!.altText}
+                src={item.variant.image?.url || placeholderImg}
+                alt={item.variant.image?.altText || "Product Image"}
                 unoptimized
               />
             </a>