From 3ebd693a39f72dac471823d0d75fff0e4e35de50 Mon Sep 17 00:00:00 2001
From: Stefan Popov <stefanpopov@list.ru>
Date: Wed, 4 Aug 2021 15:04:41 +0400
Subject: [PATCH] Add switch theme function

---
 package.json              | 2 +-
 src/store/LibraryTheme.ts | 7 +++++++
 src/utils/index.ts        | 4 ++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 076606e5..a7f990b1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@soramitsu/soramitsu-js-ui",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": false,
   "publishConfig": {
     "registry": "https://nexus.iroha.tech/repository/npm-soramitsu/"
diff --git a/src/store/LibraryTheme.ts b/src/store/LibraryTheme.ts
index 0b80b1a3..725ecbc9 100644
--- a/src/store/LibraryTheme.ts
+++ b/src/store/LibraryTheme.ts
@@ -11,6 +11,7 @@ const types = flow(
   flatMap(x => [x + '_REQUEST', x + '_SUCCESS', x + '_FAILURE']),
   concat([
     'SET_THEME',
+    'SWITCH_THEME',
     'SET_DESIGN_SYSTEM'
   ]),
   map(x => [x, x]),
@@ -46,6 +47,7 @@ const mutations = {
     state.theme = theme
     localStorage.setItem('libraryTheme', theme)
   },
+  [types.SWITCH_THEME] (state: State) {},
   [types.SET_DESIGN_SYSTEM] (state: State, designSystem: DesignSystem) {
     state.designSystem = designSystem
   }
@@ -59,6 +61,11 @@ const actions = {
     }
     document.documentElement.setAttribute('design-system-theme', computedTheme)
   },
+  async switchTheme ({ commit, state: { theme }, dispatch }) {
+    const newTheme = theme === Theme.LIGHT ? Theme.DARK : Theme.LIGHT
+    commit(types.SWITCH_THEME)
+    await dispatch('setTheme', newTheme)
+  },
   setDesignSystem ({ commit }, designSystem: DesignSystem) {
     commit(types.SET_DESIGN_SYSTEM, designSystem)
   }
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 80159a57..bc28d4b5 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -7,6 +7,10 @@ export const setTheme = async (theme?: Theme) => {
   await store.dispatch('setTheme', theme)
 }
 
+export const switchTheme = async () => {
+  await store.dispatch('switchTheme')
+}
+
 export const setDesignSystem = async (designSystem: DesignSystem) => {
   await store.dispatch('setDesignSystem', designSystem)
 }