From d66eb480881ba9c49b2a1169fea6b6354894903b Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Thu, 24 Dec 2020 15:40:54 +0100
Subject: [PATCH] fix state updating

---
 src/components/MainMenu.vue | 9 ++++++++-
 src/components/Tab.vue      | 8 ++------
 src/store/index.js          | 4 ++--
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index 1181d2e..1fd3f59 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -16,7 +16,7 @@
       <button
         v-if="currentQuery"
         class="primary"
-        :disabled="currentQuery && !currentQuery.isUnsaved"
+        :disabled="currentQuery && !isUnsaved"
         @click="checkQueryBeforeSave"
       >
         Save
@@ -72,6 +72,13 @@ export default {
     currentQuery () {
       return this.$store.state.currentTab
     },
+    isUnsaved () {
+      if (!this.currentQuery) {
+        return false
+      }
+      const tabIndex = this.currentQuery.tabIndex
+      return this.$store.state.tabs[tabIndex].isUnsaved
+    },
     isPredefined () {
       if (this.currentQuery) {
         return this.currentQuery.isPredefined
diff --git a/src/components/Tab.vue b/src/components/Tab.vue
index 79ded9f..3abb35e 100644
--- a/src/components/Tab.vue
+++ b/src/components/Tab.vue
@@ -34,7 +34,7 @@
             :sql-result="result"
             :init-chart="initChart"
             ref="chart"
-            @update="isUnsaved = true"
+            @update="$store.commit('updateTabState', { index: tabIndex, isUnsaved: true })"
           />
         </div>
       </template>
@@ -65,7 +65,6 @@ export default {
       result: null,
       view: 'table',
       tableViewHeight: 0,
-      isUnsaved: !this.initName,
       isGettingResults: false,
       error: null,
       resizeObserver: null
@@ -94,10 +93,7 @@ export default {
       }
     },
     query () {
-      this.isUnsaved = true
-    },
-    isUnsaved () {
-      this.$store.commit('updateTabState', { index: this.tabIndex, newValue: this.isUnsaved })
+      this.$store.commit('updateTabState', { index: this.tabIndex, isUnsaved: true })
     }
   },
   methods: {
diff --git a/src/store/index.js b/src/store/index.js
index 83f9ee9..8a15892 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -95,9 +95,9 @@ export default new Vuex.Store({
 
       Vue.set(state.tabs, index, tab)
     },
-    updateTabState (state, { index, newValue }) {
+    updateTabState (state, { index, isUnsaved }) {
       const tab = state.tabs[index]
-      tab.isUnsaved = newValue
+      tab.isUnsaved = isUnsaved
       Vue.set(state.tabs, index, tab)
     },
     deleteTab (state, index) {