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:
co-authored by
Claude Haiku 4.5
parent
e4a84b1979
commit
bdb5955447
@@ -164,7 +164,8 @@
|
|||||||
"Bash(git commit -m 'Feat: Add loading spinner for made-to-order page *)",
|
"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 '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: 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 *)"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ interface DesignApproval {
|
|||||||
color: string;
|
color: string;
|
||||||
size: string | null;
|
size: string | null;
|
||||||
status: string;
|
status: string;
|
||||||
|
expectedDeliveryDate: string | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function DesignReviewPage({ params }: { params: { id: string } }) {
|
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">
|
<p className="border-t border-line pt-3">
|
||||||
<strong>Price:</strong> £{((design.product.personalisedPrice ?? design.product.effectivePrice) / 100).toFixed(2)}
|
<strong>Price:</strong> £{((design.product.personalisedPrice ?? design.product.effectivePrice) / 100).toFixed(2)}
|
||||||
</p>
|
</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>
|
</div>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
|||||||
Reference in New Issue
Block a user