Fix cart item image error (vercel#600)

reactcoder-it · Dec 9, 2021 · ea1bbcf · ea1bbcf
1 parent 647b06c
commit ea1bbcf
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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>