Fixed local FE dev server not working for the newest URL changes

frontend/src/components/MapView/DataFetch.tsx

@@ -13,8 +13,8 @@ const geojsonGemeindenPolygons: FeatureCollection =
 
 // These values will be replaced after build with the .sh script when spinning up docker container.
 export const currentEnvironment = {
-  apiBaseHost: "API_GATEWAY_HOST",
-  apiBasePort: "API_GATEWAY_PORT",
+  apiGatewayHost: "API_GATEWAY_HOST",
+  apiGatewayPort: "API_GATEWAY_PORT",
 };
 
 const useGeoData = (
@@ -33,19 +33,28 @@ const useGeoData = (
     (tab) => tab.dataset.id === id
   );
 
-  // Returns the API URL of the endpoint for a specific dataset
-  const getApiUrlForDataset = (): string => {
+  // Returns the API Gateway URL for a specific deployment environment
+  // The .join() function ensures that this strings will not be replace by the .sh script.
+  const getAPIGatewayURL = (): string => {
+    return (
+      "http://" +
+      (currentEnvironment.apiGatewayHost === ["API_", "GATEWAY_", "HOST"].join()
+        ? currentEnvironment.apiGatewayHost
+        : "localhost") +
+      ":" +
+      (currentEnvironment.apiGatewayPort === ["API_", "GATEWAY_", "PORT"].join()
+        ? currentEnvironment.apiGatewayPort
+        : "8081")
+    );
+  };
+
+  // Returns the API Gateway URL of the endpoint for a specific dataset.
+  const getViewportDatasetEndpoint = (): string => {
     switch (id) {
       case "empty_map":
         return "";
       default:
-        return (
-          "http://" +
-          currentEnvironment.apiBaseHost +
-          ":" +
-          currentEnvironment.apiBasePort +
-          "/api/getDatasetViewportData"
-        );
+        return getAPIGatewayURL() + "/api/getDatasetViewportData";
     }
   };
 
@@ -82,9 +91,9 @@ const useGeoData = (
           ZoomLevel: zoom,
           datasetID: id,
         };
-        console.log(getApiUrlForDataset());
+        console.log(getViewportDatasetEndpoint());
         const response = await axios.get<FeatureCollection<Geometry>>(
-          getApiUrlForDataset(),
+          getViewportDatasetEndpoint(),
           {
             params,
           }