set OpenStreetMap as default

front/src/index.ts

@@ -4,7 +4,7 @@ import GoogleMap from './map/googleMap';
 import loadGoogleMaps from './map/googleMapsLoader';
 import { management } from './lib/utils';
 import checkRelease from './lib/checkRelease';
-import { VERSION } from './lib/constants';
+import { LOCAL_STORAGE_MODE_KEY, VERSION } from './lib/constants';
 import type BaseMap from './map/baseMap';
 import { ManagementCommand, Mode } from './lib/enums';
 import 'ol/ol.css';
@@ -81,7 +81,7 @@ function changeMode() {
     showAirportsBtn.innerText = 'Show airports';
     map?.removeMap();
     mode = mode === Mode.GoogleMaps ? Mode.OpenStreetMap : Mode.GoogleMaps;
-    localStorage.setItem('mode', mode.toString());
+    localStorage.setItem(LOCAL_STORAGE_MODE_KEY, mode.toString());
     startApp(mode);
 }
 

front/src/lib/constants.ts

@@ -2,6 +2,7 @@ import type { IColorAlt } from './interfaces';
 
 export const API_URL = import.meta.env.MODE === 'development' ? 'http://localhost:8054' : '.';
 export const VERSION = 'v2.1.0';
+export const LOCAL_STORAGE_MODE_KEY = 'MapMode';
 
 export const colorAltMap: IColorAlt[] = [
     { color: 0xffffff, alt: 328 }, // 100 meters

front/src/lib/storage.ts

@@ -1,11 +1,14 @@
-import type { Mode } from './enums';
+import { LOCAL_STORAGE_MODE_KEY } from './constants';
+import { Mode } from './enums';
 
-export function getMode() {
-    let mode: Mode = parseInt(localStorage.getItem('mode') || '0');
-
-    if (isNaN(mode) || mode < 0 || mode > 1) {
-        mode = 0;
+export function getMode(): Mode {
+    const modeFromStorage = localStorage.getItem(LOCAL_STORAGE_MODE_KEY);
+    if (modeFromStorage) {
+        const mode = parseInt(modeFromStorage);
+        if (Object.values(Mode).includes(mode)) {
+            return mode;
+        }
     }
 
-    return mode;
+    return Mode.OpenStreetMap;
 }