x

apps/website/src/app/[lang]/order/[id]/page.tsx

@@ -139,7 +139,7 @@ export default async function OrderStatusPage({ params }: { params: Promise<{ id
                 <div className="min-w-0 flex-1">
                   <p className="font-semibold text-text-main">{item.productName}</p>
                   <p className="text-sm text-muted-text">
-                    {item.variantSize ? `${item.variantSize} · ` : ''}x {item.quantity}
+                    {item.variantName ? `${item.variantName} · ` : ''}x {item.quantity}
                   </p>
                 </div>
                 <p className="font-bold text-brand-primary">{formatPrice(item.priceAtPurchase * item.quantity)}</p>

apps/website/src/components/AddToCartSection.tsx

@@ -74,7 +74,7 @@ export default function AddToCartSection({ product }: Props) {
       quantity: 1,
       price: currentVariant.price || product.price || 0,
       productName,
-      variantSize: variantName || undefined,
+      variantName: variantName || undefined,
       productImage: product.images?.[0]?.url || product.category.imageUrl || getCategoryImage(categoryName),
     })
     toggleCart(true)

apps/website/src/components/CartDrawer.tsx

@@ -54,7 +54,7 @@ export default function CartDrawer() {
 
                 <div className="relative flex flex-1 flex-col space-y-1 pt-1">
                   <h3 className="pr-6 text-sm font-bold leading-tight text-text-main">{item.productName}</h3>
-                  {item.variantSize && <p className="text-xs text-muted-text">{item.variantSize}</p>}
+                  {item.variantName && <p className="text-xs text-muted-text">{item.variantName}</p>}
                   <p className="mt-auto text-sm font-bold text-brand-primary">{formatPrice(item.price)}</p>
 
                   <div className="mt-2 flex w-max items-center gap-3 rounded-lg border border-line-primary/20 bg-surface-card">

apps/website/src/components/CheckoutClient.tsx

@@ -98,7 +98,7 @@ function toOrderItem(item: CartItem) {
     quantity: item.quantity,
     priceAtPurchase: item.price,
     productName: item.productName,
-    variantSize: item.variantSize ?? undefined,
+    variantName: item.variantName ?? undefined,
     productImage: item.productImage ?? undefined,
   }
 }
@@ -620,7 +620,7 @@ export default function CheckoutClient() {
                   </div>
                   <div className="min-w-0 flex-1">
                     <p className="text-sm font-bold text-text-main">{item.productName}</p>
-                    <p className="mt-1 text-xs text-muted-text">{item.variantSize || 'Standard'} x {item.quantity}</p>
+                    <p className="mt-1 text-xs text-muted-text">{item.variantName || 'Standard'} x {item.quantity}</p>
                   </div>
                   <p className="text-sm font-bold text-brand-primary">{formatPrice(item.price * item.quantity)}</p>
                 </div>

apps/website/src/components/ProductCard.tsx

@@ -114,7 +114,7 @@ export default function ProductCard({ product }: ProductCardProps) {
                   quantity: 1,
                   price: selectedVariant.price || 0,
                   productName: productName,
-                  variantSize: [selectedVariant.option1, selectedVariant.option2, selectedVariant.option3].filter(Boolean).join(' / '),
+                  variantName: [selectedVariant.option1, selectedVariant.option2, selectedVariant.option3].filter(Boolean).join(' / '),
                   productImage: imageUrl
                 })
               }}

apps/website/src/components/ProfileClient.tsx

@@ -408,7 +408,7 @@ export default function ProfileClient() {
                           </div>
                           <div className="min-w-0 flex-1">
                             <p className="truncate font-semibold text-text-main">{item.productName}</p>
-                            <p className="text-xs text-muted-text">{item.variantSize ? `${item.variantSize} · ` : ''}x {item.quantity}</p>
+                            <p className="text-xs text-muted-text">{item.variantName ? `${item.variantName} · ` : ''}x {item.quantity}</p>
                           </div>
                           <p className="font-bold text-brand-primary">{formatPrice(item.priceAtPurchase * item.quantity)}</p>
                         </div>