From 62ae2755f03a001e9893cc04d2ae465bc412d3a6 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Sat, 18 Jul 2026 19:46:11 +0100
Subject: [PATCH] Fix price display issues and layout in design review page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add defensive checks in cart store to handle missing/NaN unitPrice values
- Display '—' for items with invalid prices instead of NaN
- Fix design review page grid layout to align buttons at top of page
- Ensure buttons don't get pushed below images on review page
---
 .claude/settings.local.json          | 3 ++-
 src/app/cart/page.tsx                | 6 +++++-
 src/app/designs/[id]/review/page.tsx | 2 +-
 src/lib/cartStore.ts                 | 5 ++++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index fb9c951..8c05482 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -62,7 +62,8 @@
       "Bash(rm \"D:\\\\Craft2Prints\\\\src\\\\app\\\\admin\\\\designs\\\\[id]\\\\send-button.tsx\")",
       "Bash(git show *)",
       "Bash(git status *)",
-      "Bash(git revert *)"
+      "Bash(git revert *)",
+      "Bash(git commit -m 'Fix price display issues and layout in design review page *)"
     ]
   }
 }
diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
index 8f91b8c..597bee4 100644
--- a/src/app/cart/page.tsx
+++ b/src/app/cart/page.tsx
@@ -147,7 +147,11 @@ export default function CartPage() {
             </div>
 
             <div className="w-24 text-right font-mono text-sm">
-              <Price cents={item.unitPrice * item.quantity} />
+              {Number.isFinite(item.unitPrice) ? (
+                <Price cents={item.unitPrice * item.quantity} />
+              ) : (
+                <span className="text-muted">—</span>
+              )}
             </div>
 
             <button
diff --git a/src/app/designs/[id]/review/page.tsx b/src/app/designs/[id]/review/page.tsx
index b0e427f..e2609e5 100644
--- a/src/app/designs/[id]/review/page.tsx
+++ b/src/app/designs/[id]/review/page.tsx
@@ -124,7 +124,7 @@ export default function DesignReviewPage({ params }: { params: { id: string } })
       <h1 className="font-display text-3xl mb-2">{design.product.name}</h1>
       <p className="text-muted mb-8">Review your personalized design</p>
 
-      <div className="grid gap-8 md:grid-cols-2">
+      <div className="grid gap-8 md:grid-cols-2 md:items-start">
         {/* Design Preview */}
         <div className="space-y-4">
           <div>
diff --git a/src/lib/cartStore.ts b/src/lib/cartStore.ts
index 79946e7..6764a9a 100644
--- a/src/lib/cartStore.ts
+++ b/src/lib/cartStore.ts
@@ -38,7 +38,10 @@ export const useCart = create<CartState>()(
           ),
         })),
       clear: () => set({ items: [] }),
-      total: () => get().items.reduce((sum, i) => sum + i.unitPrice * i.quantity, 0),
+      total: () => get().items.reduce((sum, i) => {
+        const price = typeof i.unitPrice === 'number' && !isNaN(i.unitPrice) ? i.unitPrice : 0;
+        return sum + price * i.quantity;
+      }, 0),
     }),
     {
       name: 'personalize-studio-cart',