From bdb5955447c32b31ce25e183e9e959e7babf4221 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Wed, 22 Jul 2026 05:42:25 +0100
Subject: [PATCH] Feat: Show estimated delivery date on design review page

- Add expectedDeliveryDate to DesignApproval interface
- Display estimated delivery date in Order Summary section
- Shows the date set by admin when approving the design

Customers can now see when their design will be delivered
before adding it to their bag.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 .claude/settings.local.json          | 3 ++-
 src/app/designs/[id]/review/page.tsx | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index 0e42372..3d23ffd 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -164,7 +164,8 @@
       "Bash(git commit -m 'Feat: Add loading spinner for made-to-order page *)",
       "Bash(git commit -m 'Revert: Remove loading spinner - was slowing down page *)",
       "Bash(git commit -m 'Fix: Show approved designs in customer account so they can order *)",
-      "Bash(git commit -m 'Fix: Link approved designs to review page, not personalization *)"
+      "Bash(git commit -m 'Fix: Link approved designs to review page, not personalization *)",
+      "Bash(git commit -m 'Feat: Show estimated delivery date on design review page *)"
     ]
   }
 }
diff --git a/src/app/designs/[id]/review/page.tsx b/src/app/designs/[id]/review/page.tsx
index 3802620..bfecbf4 100644
--- a/src/app/designs/[id]/review/page.tsx
+++ b/src/app/designs/[id]/review/page.tsx
@@ -22,6 +22,7 @@ interface DesignApproval {
   color: string;
   size: string | null;
   status: string;
+  expectedDeliveryDate: string | null;
 }
 
 export default function DesignReviewPage({ params }: { params: { id: string } }) {
@@ -167,6 +168,11 @@ export default function DesignReviewPage({ params }: { params: { id: string } })
               <p className="border-t border-line pt-3">
                 <strong>Price:</strong> £{((design.product.personalisedPrice ?? design.product.effectivePrice) / 100).toFixed(2)}
               </p>
+              {design.expectedDeliveryDate && (
+                <p className="text-xs text-muted pt-2">
+                  <strong>Est. delivery:</strong> {new Date(design.expectedDeliveryDate).toLocaleDateString(undefined, { dateStyle: 'medium' })}
+                </p>
+              )}
             </div>
 
             <button