Add download photo button to custom request detail page

- 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>
This commit is contained in:
Andymick
2026-07-17 23:00:58 +01:00
co-authored by Claude Haiku 4.5
parent d134d3a93c
commit 8646b42438
2 changed files with 30 additions and 0 deletions
+27
View File
@@ -0,0 +1,27 @@
'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>
);
}