AndymickandClaude Haiku 4.5
8646b42438
- Create DownloadPhotoButton component for downloading customer photos - Add download button before 'Start a design for this' button - Allows admin to save photo locally for editing in design software before approval Addresses user request: admin should be able to download photo from request for editing before uploading final design to the approval flow. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
28 lines
746 B
TypeScript
28 lines
746 B
TypeScript
'use client';
|
|
|
|
interface DownloadPhotoButtonProps {
|
|
photoUrl: string;
|
|
customerName: string;
|
|
}
|
|
|
|
export default function DownloadPhotoButton({ photoUrl, customerName }: DownloadPhotoButtonProps) {
|
|
const handleDownload = () => {
|
|
// Create a link element and trigger download
|
|
const link = document.createElement('a');
|
|
link.href = photoUrl;
|
|
link.download = `photo-from-${customerName.toLowerCase().replace(/\s+/g, '-')}.png`;
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
};
|
|
|
|
return (
|
|
<button
|
|
onClick={handleDownload}
|
|
className="border border-ink px-6 py-3 text-sm hover:border-clay hover:bg-clay hover:text-paper"
|
|
>
|
|
Download photo
|
|
</button>
|
|
);
|
|
}
|