From cff4bc76c95f444a1d93129fac1c70e8a7b0cf28 Mon Sep 17 00:00:00 2001
From: Grzegorz Pokorski <mr.pokorski@gmail.com>
Date: Thu, 19 Oct 2023 16:21:55 +0200
Subject: [PATCH] fix: fix product variant information in cart (#975)

---
 src/app/(main)/cart/page.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/app/(main)/cart/page.tsx b/src/app/(main)/cart/page.tsx
index 2c0d74803..02577aa94 100644
--- a/src/app/(main)/cart/page.tsx
+++ b/src/app/(main)/cart/page.tsx
@@ -19,7 +19,6 @@ export default async function Page() {
 	return (
 		<section className="mx-auto max-w-7xl p-8">
 			<h1 className="mt-8 text-3xl font-bold text-neutral-900">Your Shopping Cart</h1>
-
 			<form className="mt-12">
 				<div>
 					<ul role="list" className="divide-y divide-neutral-200 border-b border-t border-neutral-200">
@@ -36,7 +35,6 @@ export default async function Page() {
 										/>
 									)}
 								</div>
-
 								<div className="relative flex flex-1 flex-col justify-between p-4 py-2">
 									<div className="flex justify-between justify-items-start gap-4">
 										<div className="">
@@ -44,16 +42,14 @@ export default async function Page() {
 												<h3 className="font-medium text-neutral-700">{item.variant?.product?.name}</h3>
 											</Link>
 											<p className="mt-1 text-sm text-neutral-500">{item.variant?.product?.category?.name}</p>
-											{Boolean(item.variant.name) && (
+											{item.variant.name !== item.variant.id && Boolean(item.variant.name) && (
 												<p className="mt-1 text-sm text-neutral-500">Variant: {item.variant.name}</p>
 											)}
 										</div>
-
 										<p className="text-right font-semibold text-neutral-900">
 											{formatMoney(item.totalPrice.gross.amount, item.totalPrice.gross.currency)}
 										</p>
 									</div>
-
 									<div className="flex justify-between">
 										<div className="text-sm font-bold">Qty: {item.quantity}</div>
 										<DeleteLineButton checkoutId={checkoutId} lineId={item.id} />
@@ -63,7 +59,6 @@ export default async function Page() {
 						))}
 					</ul>
 				</div>
-
 				<div className="mt-12">
 					<div className="rounded border bg-neutral-50 px-4 py-2">
 						<div className="flex items-center justify-between py-2">