From c00b6fb21cdd88d5016690aac5082a1177029995 Mon Sep 17 00:00:00 2001
From: Nathan Booker <bookernath@users.noreply.github.com>
Date: Wed, 31 Jul 2024 11:16:45 -0500
Subject: [PATCH] Use resizeable image on cart image (#1195)

---
 .../(default)/cart/_components/cart-item.tsx       | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/core/app/[locale]/(default)/cart/_components/cart-item.tsx b/core/app/[locale]/(default)/cart/_components/cart-item.tsx
index 2cb696aed..0ad9b0151 100644
--- a/core/app/[locale]/(default)/cart/_components/cart-item.tsx
+++ b/core/app/[locale]/(default)/cart/_components/cart-item.tsx
@@ -11,7 +11,9 @@ const PhysicalItemFragment = graphql(`
   fragment PhysicalItemFragment on CartPhysicalItem {
     name
     brand
-    imageUrl
+    image {
+      url: urlTemplate
+    }
     entityId
     quantity
     productEntityId
@@ -66,7 +68,9 @@ const DigitalItemFragment = graphql(`
   fragment DigitalItemFragment on CartDigitalItem {
     name
     brand
-    imageUrl
+    image {
+      url: urlTemplate
+    }
     entityId
     quantity
     productEntityId
@@ -151,7 +155,11 @@ export const CartItem = async ({ currencyCode, product }: Props) => {
     <li>
       <div className="flex gap-4 border-t border-t-gray-200 py-4 md:flex-row">
         <div className="w-24 flex-none md:w-[144px]">
-          <BcImage alt={product.name} height={144} src={product.imageUrl ?? ''} width={144} />
+          {product.image?.url ? (
+            <BcImage alt={product.name} height={144} src={product.image.url} width={144} />
+          ) : (
+            <div className="h-full w-full bg-gray-200" />
+          )}
         </div>
 
         <div className="flex-1">