fix(footer): display api versions in the footer even when not logged in

Author: OliverDudgeon

.env

@@ -13,6 +13,9 @@ AUTH0_BASE_URL=$BASE_URL$VERCEL_URL$BASE_PATH
 AUTH0_ISSUER_BASE_URL=$KEYCLOAK_URL
 AUTH0_ENABLE_TELEMETRY=False
 
+NEXT_PUBLIC_DATA_MANAGER_API_SERVER=$DATA_MANAGER_API_SERVER
+NEXT_PUBLIC_ACCOUNT_SERVER_API_SERVER=$ACCOUNT_SERVER_API_SERVER
+
 # Keycloak Required Roles
 # Used to protect routes that consume the DM-API
 NEXT_PUBLIC_KEYCLOAK_DM_USER_ROLE='data-manager-user'

components/AppVersions.tsx

@@ -2,18 +2,21 @@ import { ListItem as MuiListItem, ListItemText, styled, Typography } from "@mui/
 import { useQuery } from "@tanstack/react-query";
 import axios from "axios";
 
-import { AS_API_URL, DM_API_URL } from "../constants/proxies";
 import { HorizontalList } from "./HorizontalList";
 
 export const getGetDMVersionQueryKey = () => ["data-manager", "/version"];
 export const getGetASVersionQueryKey = () => ["account-server", "/version"];
 
 export const AppVersions = () => {
   const { data: dmData } = useQuery(getGetDMVersionQueryKey(), () =>
-    axios.get(DM_API_URL + "/version").then(({ data }) => data),
+    axios
+      .get(process.env.NEXT_PUBLIC_DATA_MANAGER_API_SERVER + "/version")
+      .then(({ data }) => data),
   );
   const { data: asData } = useQuery(getGetASVersionQueryKey(), () =>
-    axios.get(AS_API_URL + "/version").then(({ data }) => data),
+    axios
+      .get(process.env.NEXT_PUBLIC_ACCOUNT_SERVER_API_SERVER + "/version")
+      .then(({ data }) => data),
   );
 
   return (