chore: make footer logos configurable

Author: openscript

apps/frontend/.env

@@ -1,3 +1,4 @@
 VITE_API_URL=http://localhost:3000
 VITE_THEME_COLOR=quassel
 VITE_TITLE=Quassel
+VITE_LOGOS=

apps/frontend/index.html

@@ -25,6 +25,7 @@
       apiUrl: '$API_URL',
       themeColor: '$THEME_COLOR',
       title: '$TITLE',
+      logos: '$LOGOS',
     };
   </script>
 </head>

apps/frontend/src/configuration.ts

@@ -10,6 +10,7 @@ export const C = {
     apiUrl: getEnv("apiUrl") || import.meta.env.VITE_API_URL,
     themeColor: getEnv("themeColor") || import.meta.env.VITE_THEME_COLOR,
     title: getEnv("title") || import.meta.env.VITE_TITLE,
+    logos: getEnv("logos") || import.meta.env.VITE_LOGOS,
   },
   ui: {
     maxDropdownHeight: 800,

apps/frontend/src/types.d.ts

@@ -27,6 +27,7 @@ declare global {
       apiUrl?: string;
       themeColor?: string;
       title?: string;
+      logos?: string;
     };
   }
 }

examples/public/docker-compose.yaml

@@ -77,8 +77,10 @@ services:
       API_URL: https://api.test.example.com
       THEME_COLOR: uzhGold
       TITLE: LEMON
+      LOGOS: "[{\"path\": \"/logos/uzh-logo.svg\", \"alt\": \"University of Zurich Logo\", \"url\": \"https://uzh.ch\"}, {\"path\": \"/logos/weltentdecker-logo.png\", \"alt\": \"Kleine Weltentdecker Logo\", \"url\": \"https://www.psychologie.uzh.ch/de/bereiche/dev/devpsy/Weltentdecker.html\"}]"
     volumes:
       - ./logo.svg:/usr/share/nginx/html/logo.svg
+      - ./logos/:/usr/share/nginx/html/logos/
     labels:
       - "com.centurylinklabs.watchtower.enable=true"
       - "traefik.enable=true"