From 4a3d239735429db90e14f6306db23a161eaa3d49 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Fri, 15 May 2026 20:42:32 +0700
Subject: [PATCH] web/webapp: fix cors error on file download

---
 .../apps/artcraft-webapp/src/components/lightbox/lightbox.tsx   | 2 ++
 .../apps/artcraft-website/src/components/lightbox/lightbox.tsx  | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/frontend/apps/artcraft-webapp/src/components/lightbox/lightbox.tsx b/frontend/apps/artcraft-webapp/src/components/lightbox/lightbox.tsx
index 6de5cd44a6..0eb25b2727 100644
--- a/frontend/apps/artcraft-webapp/src/components/lightbox/lightbox.tsx
+++ b/frontend/apps/artcraft-webapp/src/components/lightbox/lightbox.tsx
@@ -398,6 +398,7 @@ export function Lightbox({
                         <div className="relative flex h-full items-center justify-center overflow-hidden bg-black">
                           <img
                             src={addCorsParam(url) || url}
+                            crossOrigin="anonymous"
                             alt={`Image ${idx + 1}`}
                             className="h-full w-full object-contain"
                             onError={(e) => {
@@ -445,6 +446,7 @@ export function Lightbox({
                           >
                             <img
                               src={addCorsParam(url) || url}
+                              crossOrigin="anonymous"
                               alt={`Thumbnail ${idx + 1}`}
                               className="h-full w-full object-cover bg-black/20"
                             />
diff --git a/frontend/apps/artcraft-website/src/components/lightbox/lightbox.tsx b/frontend/apps/artcraft-website/src/components/lightbox/lightbox.tsx
index 6de5cd44a6..0eb25b2727 100644
--- a/frontend/apps/artcraft-website/src/components/lightbox/lightbox.tsx
+++ b/frontend/apps/artcraft-website/src/components/lightbox/lightbox.tsx
@@ -398,6 +398,7 @@ export function Lightbox({
                         <div className="relative flex h-full items-center justify-center overflow-hidden bg-black">
                           <img
                             src={addCorsParam(url) || url}
+                            crossOrigin="anonymous"
                             alt={`Image ${idx + 1}`}
                             className="h-full w-full object-contain"
                             onError={(e) => {
@@ -445,6 +446,7 @@ export function Lightbox({
                           >
                             <img
                               src={addCorsParam(url) || url}
+                              crossOrigin="anonymous"
                               alt={`Thumbnail ${idx + 1}`}
                               className="h-full w-full object-cover bg-black/20"
                             />