From bef811c948081f8d83be0c556434842bdb6ab9bf Mon Sep 17 00:00:00 2001
From: Johannes Nussbaum <johannes.nussbaum@dasch.swiss>
Date: Mon, 10 Feb 2025 19:15:29 +0100
Subject: [PATCH] rename env var

---
 README.md                  | 4 ++--
 src/utils/googleMapsAPI.ts | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 60b2d2c..722de6d 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@ Die Responses werden schön aufbereitet, sodass der User die Verkehrsmittel punk
 
 ## Requirements für lokale Entwicklung
 
-- Ein Google Routes API Key muss hinterlegt sein in `.env.development.local`, in der Form `REACT_APP_API_KEY=xyz`.
+- Ein Google Routes API Key muss hinterlegt sein in `.env.development.local`, in der Form `VITE_API_KEY=xyz`.
 - Starte einen lokalen Live-Server:
   - Variante 1:
     - Führe folgenden Befehl aus im Terminal: `docker-compose up --build`
@@ -38,7 +38,7 @@ Die Responses werden schön aufbereitet, sodass der User die Verkehrsmittel punk
 ## Deployment auf github.io
 
 github.io benötigt einen Google Routes API Key, der im Quellcode sichtbar sein wird.
-Deshalb muss in `.env.production` die Variable `REACT_APP_API_KEY` gesetzt sein auf einen API Key,
+Deshalb muss in `.env.production` die Variable `VITE_API_KEY` gesetzt sein auf einen API Key,
 dessen Gültigkeit auf den HTTP-Referrer <https://jnussbaum.github.io/> eingeschränkt ist.
 Somit kann jedermann den API Key einsehen, aber nichts damit anfangen.
 
diff --git a/src/utils/googleMapsAPI.ts b/src/utils/googleMapsAPI.ts
index 6735c05..75ccb78 100644
--- a/src/utils/googleMapsAPI.ts
+++ b/src/utils/googleMapsAPI.ts
@@ -5,7 +5,7 @@ import { Messages } from "../models/messages";
 
 
 const USE_REAL_API = true;
-const API_KEY = ensureString(process.env.REACT_APP_API_KEY);
+const VITE_API_KEY = ensureString(import.meta.env.VITE_API_KEY);
 
 
 function ensureString(str: string | undefined | void): string {
@@ -108,7 +108,7 @@ async function makeApiCall(
     }
     const headers = {
         "Content-Type": "application/json",
-        "X-Goog-Api-Key": API_KEY,
+        "X-Goog-Api-Key": VITE_API_KEY,
         "X-Goog-FieldMask": "routes.duration,routes.distanceMeters",
     };
     const response = await fetch(url, {