From ac81c5582d97518f923696517f879dd798cd335f Mon Sep 17 00:00:00 2001
From: Fides <noella.fides@tabiya.org>
Date: Wed, 4 Feb 2026 22:35:33 +0200
Subject: [PATCH] chore(frontend): replace hardcoded logos with configurable
 ones

---
 frontend-new/public/index.html                 | 2 +-
 frontend-new/src/branding/branding.ts          | 9 +++++++++
 frontend-new/src/error/errorPage/ErrorPage.tsx | 7 ++++++-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend-new/public/index.html b/frontend-new/public/index.html
index 7db1f9b99..4b2382954 100644
--- a/frontend-new/public/index.html
+++ b/frontend-new/public/index.html
@@ -129,7 +129,7 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="loading">
       <p>Loading<span class="dot-anim">.</span></p>
-      <img src="%PUBLIC_URL%/logo.svg" alt="Compass Logo" class="compass-logo" />
+      <img id="loading-logo" src="%PUBLIC_URL%/logo.svg" alt="Compass Logo" class="compass-logo" />
     </div>
     <!--
       This HTML file is a template.
diff --git a/frontend-new/src/branding/branding.ts b/frontend-new/src/branding/branding.ts
index 4921a6c42..f144fca38 100644
--- a/frontend-new/src/branding/branding.ts
+++ b/frontend-new/src/branding/branding.ts
@@ -4,6 +4,7 @@ import {
   getMetaDescription,
   getFaviconUrl,
   getThemeCssVariables,
+  getLogoUrl,
 } from "src/envService";
 import { getSeoConfig, SeoConfig } from "src/branding/seoConfig";
 
@@ -89,6 +90,14 @@ export const applyBrandingFromEnv = (): void => {
     upsertLinkHref("apple-touch-icon", appIconUrl);
   }
 
+  const logUrl = getLogoUrl();
+  if (logUrl) {
+    const img = document.getElementById("loading-logo");
+    if (img instanceof HTMLImageElement) {
+      img.src = logUrl;
+    }
+  }
+
   // JSON-LD structured data overrides.
   updateJsonLd(getSeoConfig(), document.title);
 };
diff --git a/frontend-new/src/error/errorPage/ErrorPage.tsx b/frontend-new/src/error/errorPage/ErrorPage.tsx
index 126c86ec6..2b750fab2 100644
--- a/frontend-new/src/error/errorPage/ErrorPage.tsx
+++ b/frontend-new/src/error/errorPage/ErrorPage.tsx
@@ -2,6 +2,7 @@ import { Box, Typography } from "@mui/material";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import BugReportButton from "src/feedback/bugReport/bugReportButton/BugReportButton";
+import { getLogoUrl } from "src/envService";
 
 const uniqueId = "37d307ae-4f1e-4d8d-bafe-fd642f8af4ab";
 
@@ -17,6 +18,10 @@ interface ErrorPageProps {
 
 const ErrorPage: React.FC<ErrorPageProps> = ({ errorMessage }) => {
   const { t } = useTranslation();
+
+  const logoUrlFromEnv = getLogoUrl();
+  const logoSrc = logoUrlFromEnv || `${process.env.PUBLIC_URL}/logo.svg`;
+
   return (
     <Box
       sx={{
@@ -30,7 +35,7 @@ const ErrorPage: React.FC<ErrorPageProps> = ({ errorMessage }) => {
       data-testid={DATA_TEST_ID.ERROR_CONTAINER}
     >
       <img
-        src="/logo.svg"
+        src={logoSrc}
         alt={t("error.errorPage.illustrationAlt")}
         width="250px"
         data-testid={DATA_TEST_ID.ERROR_ILLUSTRATION}