Make theme switch a native select/option menu

1 files changed, 3 insertions, 15 deletions

diff --git a/src/store/app.ts b/src/store/app.ts
index 2ccd960..e5594a3 100644
--- a/src/store/app.ts
+++ b/src/store/app.ts
@@ -105,24 +105,12 @@ function setTheme(theme: ThemeType = 'dark') {
   }
 }
 
-export function switchTheme() {
+export function switchTheme(nextTheme = 'auto') {
   return (dispatch: DispatchFn, getState: GetStateFn) => {
     const currentTheme = getTheme(getState());
-    let nextTheme: ThemeType = 'auto';
-    switch (currentTheme) {
-      case 'light':
-        nextTheme = 'dark';
-        break;
-      case 'dark':
-        nextTheme = 'auto';
-        break;
-      case 'auto':
-        nextTheme = 'light';
-        break;
-    }
-
+    if (currentTheme === nextTheme) return;
     // side effect
-    setTheme(nextTheme);
+    setTheme(nextTheme as ThemeType);
     dispatch('storeSwitchTheme', (s) => {
       s.app.theme = nextTheme;
     });