feature/cart: display the variant name (cond)

components/cart/CartItem/CartItem.tsx

@@ -108,10 +108,14 @@ const CartItem = ({
       <div className="flex-1 flex flex-col text-base">
         <Link href={`/product/${item.path}`}>
           <span
-            className="font-bold text-lg cursor-pointer leading-6"
             onClick={() => closeSidebarIfPresent()}
           >
-            {item.name}
+            <div
+              className="font-bold text-lg cursor-pointer leading-6"
+            >
+              {item.name}
+            </div>
+            {item.variant ? <span> {item.variant.name}</span> : ""}
           </span>
         </Link>
         {options && options.length > 0 ? (

framework/saleor/utils/fragments/checkout-details.ts

@@ -23,6 +23,7 @@ export const CheckoutDetails = /* GraphQL */ `
         name
         sku
         product {
+          name
           slug
         }
         media {

framework/saleor/utils/normalize.ts

@@ -113,7 +113,7 @@ function normalizeLineItem({ id, variant, quantity }: CheckoutLine): LineItem {
     id,
     variantId: String(variant?.id),
     productId: String(variant?.id),
-    name: `${variant.name}`,
+    name: `${variant.product.name}`,
     quantity,
     variant: {
       id: String(variant?.id),