From b51aa8f10385726afa734da0534914cc654d27f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 4 Jan 2023 14:21:19 +0100
Subject: [PATCH] Add webapp config 'MAPBOX_TOKEN'

---
 webapp/.env.template   | 5 +++--
 webapp/config/index.js | 1 +
 webapp/pages/map.vue   | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/webapp/.env.template b/webapp/.env.template
index 9776fcea2..76bc502f9 100644
--- a/webapp/.env.template
+++ b/webapp/.env.template
@@ -1,7 +1,8 @@
 SENTRY_DSN_WEBAPP=
 COMMIT=
-PUBLIC_REGISTRATION=false
-INVITE_REGISTRATION=true
 WEBSOCKETS_URI=ws://localhost:3000/api/graphql
 GRAPHQL_URI=http://localhost:4000/
+MAPBOX_TOKEN="pk.eyJ1IjoiYnVzZmFrdG9yIiwiYSI6ImNraDNiM3JxcDBhaWQydG1uczhpZWtpOW4ifQ.7TNRTO-o9aK1Y6MyW_Nd4g"
+PUBLIC_REGISTRATION=false
+INVITE_REGISTRATION=true
 CATEGORIES_ACTIVE=false
diff --git a/webapp/config/index.js b/webapp/config/index.js
index db030e929..5da17010b 100644
--- a/webapp/config/index.js
+++ b/webapp/config/index.js
@@ -28,6 +28,7 @@ const sentry = {
 const options = {
   VERSION: process.env.VERSION || pkg.version,
   DESCRIPTION: process.env.DESCRIPTION || pkg.description,
+  MAPBOX_TOKEN: process.env.MAPBOX_TOKEN,
   PUBLIC_REGISTRATION: process.env.PUBLIC_REGISTRATION === 'true' || false,
   INVITE_REGISTRATION: process.env.INVITE_REGISTRATION !== 'false', // default = true
   // Cookies
diff --git a/webapp/pages/map.vue b/webapp/pages/map.vue
index 366e3a445..ed567605a 100644
--- a/webapp/pages/map.vue
+++ b/webapp/pages/map.vue
@@ -32,6 +32,7 @@
     </mgl-map>
   </client-only>
 </template>
+
 <script>
 import mapboxgl from 'mapbox-gl'
 export default {
@@ -40,8 +41,7 @@ export default {
     return {
       mapboxgl,
       mapOptions: {
-        accessToken:
-          'pk.eyJ1IjoiYnVzZmFrdG9yIiwiYSI6ImNraDNiM3JxcDBhaWQydG1uczhpZWtpOW4ifQ.7TNRTO-o9aK1Y6MyW_Nd4g', // ocelot-token
+        accessToken: this.$env.MAPBOX_TOKEN,
         style: 'mapbox://styles/mapbox/outdoors-v12?optimize=true',
         center: [10.452764, 51.165707], // center of Germany
         zoom: 4,