refactor: Simplify browserViewBounds handling

2 files changed, 9 insertions, 2 deletions

diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts
index 22ae8e2..a135902 100644
--- a/packages/main/src/index.ts
+++ b/packages/main/src/index.ts
@@ -178,7 +178,7 @@ function createWindow(): Promise<unknown> {
 
   browserView.webContents.userAgent = userAgent;
   autorun(() => {
-    browserView.setBounds(store.shared.browserViewBounds);
+    browserView.setBounds(store.browserViewBounds);
   });
   mainWindow.setBrowserView(browserView);
 
diff --git a/packages/main/src/stores/RootStore.ts b/packages/main/src/stores/RootStore.ts
index 9d138ce..c09cd4a 100644
--- a/packages/main/src/stores/RootStore.ts
+++ b/packages/main/src/stores/RootStore.ts
@@ -27,10 +27,16 @@ import {
 } from '@sophie/shared';
 
 export const rootStore = types.model('RootStore', {
+  browserViewBounds: types.model("BrowserViewBoundsStore", {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+  }),
   shared: sharedStore,
 }).actions((self) => ({
   setBrowserViewBounds(bounds: BrowserViewBounds) {
-    applySnapshot(self.shared.browserViewBounds, bounds);
+    applySnapshot(self.browserViewBounds, bounds);
   },
   setPaletteMode(mode: PaletteMode) {
     self.shared.shouldUseDarkColors = mode === 'dark';
@@ -41,6 +47,7 @@ export interface RootStore extends Instance<typeof rootStore> {}
 
 export function createRootStore(): RootStore {
   return rootStore.create({
+    browserViewBounds: {},
     shared: emptySharedStore,
   });
 }