x

apps/spa/src/components/CartDrawer.tsx

@@ -76,8 +76,8 @@ export default function CartDrawer() {
                 
                 <div className="flex-1 flex flex-col pt-1 space-y-1 relative min-w-0">
                   <h3 className="font-bold text-sm text-pop-black leading-tight pr-6 truncate">{item.productName}</h3>
-                  {item.variantSize && (
-                    <p className="text-xs text-pop-black/60">{item.variantSize}</p>
+                  {item.variantName && (
+                    <p className="text-xs text-pop-black/60">{item.variantName}</p>
                   )}
 
                   {/* Price row */}

apps/spa/src/components/ProductCard.tsx

@@ -131,7 +131,7 @@ export default function ProductCard({ product, enableQuickShop = false, category
                   quantity: 1,
                   price: selectedVariant.price || 0,
                   productName: displayName,
-                  variantSize: [selectedVariant.option1, selectedVariant.option2, selectedVariant.option3].filter(Boolean).join(' / '),
+                  variantName: [selectedVariant.option1, selectedVariant.option2, selectedVariant.option3].filter(Boolean).join(' / '),
                   productImage: product.images?.[0]?.url || getCategoryImage(displayCategoryName)
                 });
               }}

apps/spa/src/pages/CheckoutPage.tsx

@@ -293,7 +293,7 @@ export default function CheckoutPage() {
           quantity: item.quantity,
           priceAtPurchase: item.price,
           productName: item.productName,
-          variantSize: item.variantSize,
+          variantName: item.variantName,
           productImage: item.productImage
         }))
       }
@@ -542,7 +542,7 @@ export default function CheckoutPage() {
                   <div key={item.cartItemId} className="flex justify-between items-start gap-4 text-sm text-pop-black">
                     <div className="flex-1">
                       <p className="font-bold">{item.productName}</p>
-                      <p className="text-spa-stone/80 text-xs mt-0.5">{item.variantSize} x {item.quantity}</p>
+                      <p className="text-spa-stone/80 text-xs mt-0.5">{item.variantName} x {item.quantity}</p>
                     </div>
                     <p className="font-bold text-rose-500">{formatPrice(item.price * item.quantity)}</p>
                   </div>

apps/spa/src/pages/OrderSuccessPage.tsx

@@ -268,7 +268,7 @@ export default function OrderSuccessPage() {
                 </div>
                 <div className="flex-1">
                   <p className="font-bold text-pop-black">{item.productName}</p>
-                  <p className="text-spa-stone/80 text-xs mt-0.5">{item.variantSize} x {item.quantity}</p>
+                  <p className="text-spa-stone/80 text-xs mt-0.5">{item.variantName} x {item.quantity}</p>
                 </div>
                 <p className="font-bold text-rose-500">{formatPrice(item.priceAtPurchase * item.quantity)}</p>
               </div>

apps/spa/src/pages/ProductDetailPage.tsx

@@ -134,7 +134,7 @@ export default function ProductDetailPage() {
       quantity: 1,
       price: currentVariant.price || product.price || 0,
       productName: displayName,
-      variantSize: [currentVariant.option1, currentVariant.option2, currentVariant.option3].filter(Boolean).join(' / '),
+      variantName: [currentVariant.option1, currentVariant.option2, currentVariant.option3].filter(Boolean).join(' / '),
       productImage: product.images?.[0]?.url || getCategoryImage(typeof product.category.name === 'string' ? product.category.name : (product.category.name as any)?.en || '')
     })
   }

apps/spa/src/pages/ProfilePage.tsx

@@ -508,7 +508,7 @@ export default function ProfilePage() {
                                   </div>
                                   <div className="flex-1 min-w-0">
                                     <p className="font-bold text-pop-black truncate">{item.productName}</p>
-                                    <p className="text-[10px] text-spa-stone/80 mt-0.5">{item.variantSize} x {item.quantity}</p>
+                                    <p className="text-[10px] text-spa-stone/80 mt-0.5">{item.variantName} x {item.quantity}</p>
                                   </div>
                                   <p className="font-bold text-rose-500 shrink-0">{formatPrice(item.priceAtPurchase * item.quantity)}</p>
                                 </div>