From 9f5a43ea013bd84e6d7ccdda493382352ca46411 Mon Sep 17 00:00:00 2001
From: Michael Chung <michaelchung@michaels-mbp-2.home>
Date: Thu, 1 May 2025 16:44:50 -0400
Subject: [PATCH] Gallery fixes using thumbnail template.

---
 .../components/gallery-modal/src/lib/gallery-modal.tsx     | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx b/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx
index 93c828636d..785d8804ca 100644
--- a/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx
+++ b/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx
@@ -130,11 +130,14 @@ export const GalleryModal = React.memo(
           if (response.success && response.data) {
             // Print the JSON response for debugging
             console.log("Media files response:", response.data);
-
+            const thumbnail_size = 100;
             const newItems = response.data.map((item: any) => ({
               id: item.token,
               label: item.maybe_title || "Image Generation",
-              thumbnail: item.media_links.maybe_thumbnail_template,
+              thumbnail: item.media_links.maybe_thumbnail_template?.replace(
+                "{WIDTH}",
+                thumbnail_size.toString()
+              ),
               fullImage: item.media_links.cdn_url,
               createdAt: item.created_at,
             }));