setting favicon based on whiteLabel

src/app/App.tsx

@@ -24,6 +24,12 @@ function App() {
     }
   })
 
+  // Set favicon
+  const faviconDocument = document.getElementById("favicon-link") as HTMLLinkElement;
+  if (faviconDocument) {
+    faviconDocument.href = `${whiteLabel.name.replace(/\s/g, "")}/favicon.ico`;
+  }
+
   let url: string | undefined = import.meta.env.VITE_AUTH0_CLIENT_DOMAIN;
   let audience: string | undefined = import.meta.env.VITE_AUTH0_AUDIENCE;
 

src/app/Header.tsx

@@ -17,6 +17,7 @@ const useStyles = makeStyles((theme: Theme) => ({
     appBar: {
         zIndex: theme.zIndex.drawer + 1,
         backgroundImage: "none", // This prevents de-saturation of header in dark mode
+        // backgroundColor: "#272727"
     },
     toolbar: {
         marginLeft: theme.spacing(0.5),

src/services/whiteLabel.ts

@@ -91,7 +91,8 @@ const BXT_WHITE_LABEL: WhiteLabel = {
   name: "Brand X Technologies",
   primaryColour: "blue",
   secondaryColour: "yellow",
-  signatureColour: "#005bb0",
+  signatureColour: "#272727",
+  // signatureColour: "#005bb0",
   signatureAccentColour: "#fff",
   auth0ClientId: import.meta.env.REACT_APP_AUTH0_STAGING_CLIENT_ID,
   redirectOnLogout: false,
@@ -250,7 +251,7 @@ const whitelabels = new Map<string, WhiteLabel>([
   ["brandxducks", BXT_WHITE_LABEL],
   ["brandxtech", BXT_WHITE_LABEL],
   ["aerogrowmanufacturing", AEROGROW_WHITE_LABEL],
-  ["localhost", ADAPTIVE_AGRICULTURE_WHITE_LABEL],
+  ["localhost", BXT_WHITE_LABEL],
   ["staging", STAGING_WHITELABEL],
   ["10.0", ADAPTIVE_CONSTRUCTION_WHITE_LABEL],
   ["mivent", MIVENT_WHITE_LABEL],