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>
This commit is contained in:
Andymick
2026-07-22 05:42:25 +01:00
co-authored by Claude Haiku 4.5
parent e4a84b1979
commit bdb5955447
2 changed files with 8 additions and 1 deletions
+6
View File
@@ -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