From 57df86af2c303b83ab70a0e985397b35a3eac9c5 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sat, 24 May 2025 12:41:10 +0200
Subject: [PATCH]  W n8n attention vm

---
 app/api/missions/image/[...path]/route.ts | 12 +++++++++++-
 app/mission-tab/[missionId]/page.tsx      |  7 ++++++-
 app/mission-tab/page.tsx                  | 13 +++++++++----
 app/missions/[missionId]/page.tsx         |  7 ++++++-
 app/missions/page.tsx                     |  8 ++++++--
 5 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/app/api/missions/image/[...path]/route.ts b/app/api/missions/image/[...path]/route.ts
index 018079a1..644a3028 100644
--- a/app/api/missions/image/[...path]/route.ts
+++ b/app/api/missions/image/[...path]/route.ts
@@ -42,6 +42,11 @@ export async function GET(
     try {
       const response = await s3Client.send(command);
       if (!response.Body) {
+        console.error('File not found in Minio:', {
+          path: filePath,
+          minioPath,
+          bucket: process.env.MINIO_AWS_S3_UPLOAD_BUCKET_NAME || 'pages'
+        });
         return new NextResponse('File not found', { status: 404 });
       }
 
@@ -53,7 +58,12 @@ export async function GET(
 
       return new NextResponse(response.Body as any, { headers });
     } catch (error) {
-      console.error('Error fetching file from Minio:', error);
+      console.error('Error fetching file from Minio:', {
+        error,
+        path: filePath,
+        minioPath,
+        bucket: process.env.MINIO_AWS_S3_UPLOAD_BUCKET_NAME || 'pages'
+      });
       if (error instanceof NoSuchKey) {
         return new NextResponse('File not found', { status: 404 });
       }
diff --git a/app/mission-tab/[missionId]/page.tsx b/app/mission-tab/[missionId]/page.tsx
index dc88c14f..33228917 100644
--- a/app/mission-tab/[missionId]/page.tsx
+++ b/app/mission-tab/[missionId]/page.tsx
@@ -203,7 +203,12 @@ export default function MissionTabDetailPage() {
                 alt={mission.name}
                 className="w-full h-full object-cover rounded-md"
                 onError={(e) => {
-                  console.log("Logo failed to load:", mission.logoUrl);
+                  console.error("Logo failed to load:", {
+                    missionId: mission.id,
+                    missionName: mission.name,
+                    logoUrl: mission.logoUrl,
+                    logoPath: mission.logo
+                  });
                   // Show placeholder on error
                   (e.currentTarget as HTMLImageElement).style.display = 'none';
                   const parent = e.currentTarget.parentElement;
diff --git a/app/mission-tab/page.tsx b/app/mission-tab/page.tsx
index e97343d2..7cd0d927 100644
--- a/app/mission-tab/page.tsx
+++ b/app/mission-tab/page.tsx
@@ -23,6 +23,7 @@ interface Mission {
   id: string;
   name: string;
   logo?: string;
+  logoUrl?: string;
   oddScope: string[];
   niveau: string;
   missionType: string;
@@ -188,14 +189,18 @@ export default function MissionTabPage() {
                   {/* Centered Logo */}
                   <div className="flex justify-center items-center p-6 flex-grow">
                     <div className="w-48 h-48 relative">
-                      {mission.logo ? (
+                      {mission.logoUrl ? (
                         <img 
-                          src={mission.logo || ''} 
+                          src={mission.logoUrl} 
                           alt={mission.name}
                           className="w-full h-full object-cover rounded-md"
                           onError={(e) => {
-                            console.log("Logo failed to load:", mission.logo);
-                            console.log("Full URL attempted:", mission.logo);
+                            console.error("Logo failed to load:", {
+                              missionId: mission.id,
+                              missionName: mission.name,
+                              logoUrl: mission.logoUrl,
+                              logoPath: mission.logo
+                            });
                             // If the image fails to load, show the fallback
                             (e.currentTarget as HTMLImageElement).style.display = 'none';
                             // Show the fallback div
diff --git a/app/missions/[missionId]/page.tsx b/app/missions/[missionId]/page.tsx
index cba55a00..9d4709e8 100644
--- a/app/missions/[missionId]/page.tsx
+++ b/app/missions/[missionId]/page.tsx
@@ -227,7 +227,12 @@ export default function MissionDetailPage() {
                 alt={mission.name}
                 className="w-full h-full object-cover rounded-md"
                 onError={(e) => {
-                  console.log("Logo failed to load:", mission.logoUrl);
+                  console.error("Logo failed to load:", {
+                    missionId: mission.id,
+                    missionName: mission.name,
+                    logoUrl: mission.logoUrl,
+                    logoPath: mission.logo
+                  });
                   // Show placeholder on error
                   (e.currentTarget as HTMLImageElement).style.display = 'none';
                   const parent = e.currentTarget.parentElement;
diff --git a/app/missions/page.tsx b/app/missions/page.tsx
index f723a01e..90d8dba8 100644
--- a/app/missions/page.tsx
+++ b/app/missions/page.tsx
@@ -229,8 +229,12 @@ export default function MissionsPage() {
                             alt={mission.name}
                             className="w-full h-full object-cover rounded-md"
                             onError={(e) => {
-                              console.log("Logo failed to load:", mission.logoUrl);
-                              console.log("Full URL attempted:", mission.logoUrl);
+                              console.error("Logo failed to load:", {
+                                missionId: mission.id,
+                                missionName: mission.name,
+                                logoUrl: mission.logoUrl,
+                                logoPath: mission.logo
+                              });
                               // If the image fails to load, show the fallback
                               (e.currentTarget as HTMLImageElement).style.display = 'none';
                               // Show the fallback div