1 files changed, 30 insertions, 24 deletions

diff --git a/packages/main/src/stores/GlobalSettings.ts b/packages/main/src/stores/GlobalSettings.ts
index 7bbc089..9ebc1b1 100644
--- a/packages/main/src/stores/GlobalSettings.ts
+++ b/packages/main/src/stores/GlobalSettings.ts
@@ -18,35 +18,41 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import {
-  GlobalSettings as GlobalSettingsBase,
-  ThemeSource,
-} from '@sophie/shared';
-import { Instance, resolveIdentifier, types } from 'mobx-state-tree';
+import { defineGlobalSettingsModel, ThemeSource } from '@sophie/shared';
+import { Instance, resolveIdentifier } from 'mobx-state-tree';
 
-import { getLogger } from '../utils/log';
-import overrideProps from '../utils/overrideProps';
+import getLogger from '../utils/getLogger.js';
 
-import Service from './Service';
+import Service from './Service.js';
 
 const log = getLogger('sharedStore');
 
-const GlobalSettings = overrideProps(GlobalSettingsBase, {
-  selectedService: types.safeReference(Service),
-}).actions((self) => ({
-  setThemeSource(mode: ThemeSource): void {
-    self.themeSource = mode;
-  },
-  setSelectedServiceId(serviceId: string): void {
-    const serviceInstance = resolveIdentifier(Service, self, serviceId);
-    if (serviceInstance === undefined) {
-      log.warn('Trying to select unknown service', serviceId);
-      return;
-    }
-    self.selectedService = serviceInstance;
-    log.debug('Selected service', serviceId);
-  },
-}));
+const GlobalSettings = defineGlobalSettingsModel(Service)
+  .actions((self) => ({
+    setThemeSource(mode: ThemeSource): void {
+      self.themeSource = mode;
+    },
+    setShowLocationBar(showLocationBar: boolean): void {
+      self.showLocationBar = showLocationBar;
+    },
+    setSelectedService(service: Service): void {
+      self.selectedService = service;
+    },
+  }))
+  .actions((self) => ({
+    toggleLocationBar(): void {
+      self.setShowLocationBar(!self.showLocationBar);
+    },
+    setSelectedServiceId(serviceId: string): void {
+      const serviceInstance = resolveIdentifier(Service, self, serviceId);
+      if (serviceInstance === undefined) {
+        log.warn('Trying to select unknown service', serviceId);
+        return;
+      }
+      self.setSelectedService(serviceInstance);
+      log.debug('Selected service', serviceId);
+    },
+  }));
 
 /*
   eslint-disable-next-line @typescript-eslint/no-redeclare --