From 19cd11118cde7160cd447c81bc965007c0437479 Mon Sep 17 00:00:00 2001 From: Kristóf Marussy Date: Tue, 16 Aug 2022 21:14:50 +0200 Subject: refactor(frondend): improve editor store and theme Also bumps frontend dependencies. --- subprojects/frontend/src/theme/ThemeStore.ts | 26 +++++++------------------- 1 file changed, 7 insertions(+), 19 deletions(-) (limited to 'subprojects/frontend/src/theme/ThemeStore.ts') diff --git a/subprojects/frontend/src/theme/ThemeStore.ts b/subprojects/frontend/src/theme/ThemeStore.ts index ded1f29a..11391b06 100644 --- a/subprojects/frontend/src/theme/ThemeStore.ts +++ b/subprojects/frontend/src/theme/ThemeStore.ts @@ -1,28 +1,16 @@ -import { makeAutoObservable } from 'mobx'; - -import EditorTheme from './EditorTheme'; +import { action, makeObservable, observable } from 'mobx'; export default class ThemeStore { - currentTheme: EditorTheme = EditorTheme.Default; + darkMode = true; constructor() { - makeAutoObservable(this); + makeObservable(this, { + darkMode: observable, + toggleDarkMode: action, + }); } toggleDarkMode(): void { - switch (this.currentTheme) { - case EditorTheme.Light: - this.currentTheme = EditorTheme.Dark; - break; - case EditorTheme.Dark: - this.currentTheme = EditorTheme.Light; - break; - default: - throw new Error(`Unknown theme: ${this.currentTheme}`); - } - } - - get darkMode(): boolean { - return this.currentTheme === EditorTheme.Dark; + this.darkMode = !this.darkMode; } } -- cgit v1.2.3-70-g09d2