1 files changed, 16 insertions, 9 deletions

diff --git a/packages/renderer/src/stores/RendererStore.ts b/packages/renderer/src/stores/RendererStore.ts
index 001f23a..3de82ac 100644
--- a/packages/renderer/src/stores/RendererStore.ts
+++ b/packages/renderer/src/stores/RendererStore.ts
@@ -31,16 +31,22 @@ import {
   ThemeSource,
 } from '@sophie/shared';
 
-import { getEnv } from './RendererEnv';
+import { getEnv, RendererEnv } from './RendererEnv';
 
 export const rendererStore = types.model('RendererStore', {
   shared: types.optional(sharedStore, {}),
 }).actions((self) => ({
-  setBrowserViewBounds(bounds: BrowserViewBounds) {
-    getEnv(self).ipc.setBrowserViewBounds(bounds);
+  setBrowserViewBounds(browserViewBounds: BrowserViewBounds) {
+    getEnv(self).dispatchMainAction({
+      action: 'set-browser-view-bounds',
+      browserViewBounds,
+    });
   },
-  setThemeSource(mode: ThemeSource) {
-    getEnv(self).ipc.setThemeSource(mode);
+  setThemeSource(themeSource: ThemeSource) {
+    getEnv(self).dispatchMainAction({
+      action: 'set-theme-source',
+      themeSource,
+    });
   },
   toggleDarkMode() {
     if (self.shared.shouldUseDarkColors) {
@@ -62,11 +68,12 @@ export interface RendererStore extends Instance<typeof rendererStore> {}
  * @param ipc The `sophieRenderer` context bridge.
  */
 export function createAndConnectRendererStore(ipc: SophieRenderer): RendererStore {
-  const store = rendererStore.create({}, {
-    ipc,
-  });
+  const env: RendererEnv = {
+    dispatchMainAction: ipc.dispatchAction,
+  }
+  const store = rendererStore.create({}, env);
 
-  ipc.setSharedStoreListener({
+  ipc.onSharedStoreChange({
     onSnapshot(snapshot) {
       applySnapshot(store.shared, snapshot);
     },