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:
co-authored by
Claude Haiku 4.5
parent
b97d015cd1
commit
87b269e57c
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user