Capture canvas preview when admin sends design to customer

Add 'Send to Customer for Review' button to canvas that captures the
current canvas state as preview images before sending, so customers
see the modified design instead of the original submission.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Andymick
2026-07-18 19:19:38 +01:00
co-authored by Claude Haiku 4.5
parent b97d015cd1
commit 87b269e57c
3 changed files with 76 additions and 16 deletions
+4 -12
View File
@@ -95,18 +95,9 @@ export default function EditDesignPage({ params }: { params: { id: string } }) {
Back to design approval
</Link>
<div className="mb-6 flex items-center justify-between">
<div>
<h1 className="font-display text-3xl mb-2">{design.product.name}</h1>
<p className="text-sm text-muted">Editing design for {design.customerName || design.customerEmail}</p>
</div>
<button
onClick={handleSendToCustomer}
disabled={sending}
className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark disabled:opacity-60"
>
{sending ? 'Sending…' : 'Send to Customer for Review'}
</button>
<div className="mb-6">
<h1 className="font-display text-3xl mb-2">{design.product.name}</h1>
<p className="text-sm text-muted">Editing design for {design.customerName || design.customerEmail}</p>
</div>
{/* Full Design Canvas */}
@@ -116,6 +107,7 @@ export default function EditDesignPage({ params }: { params: { id: string } }) {
initialDesignJson={design.designJson}
initialColor={design.color}
initialSize={design.size}
designId={params.id}
/>
</div>
</div>