From 97521c901d9501f4f8ab70527ac0349e46c5aed2 Mon Sep 17 00:00:00 2001
From: Erastus Amunwe <eneamunwe@gmail.com>
Date: Mon, 2 Nov 2020 21:51:50 +0200
Subject: [PATCH]  tested, Debugged and fixed the error with state.selected
 actions and mutations

---
 src/store/actions.js   | 14 +++++++++++++-
 src/store/mutations.js | 23 ++++++++++++++---------
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/store/actions.js b/src/store/actions.js
index 4e6bdc7..ea96b98 100644
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -11,6 +11,7 @@ export default {
     //     putObj: {}
     //   }
     // }
+    commit('toggle_loading', true)
       const response = await getbible.get_translation(payload.abbreviation).catch(err => console.log(err))
       // console.log(response);
       if(!response) return;
@@ -39,6 +40,7 @@ export default {
     if(!success) return;
 
       commit('add_translation', payload);
+      commit('toggle_loading', false)
     },
     async remove({commit}, payload){
       // payload example
@@ -52,6 +54,7 @@ export default {
       //     keyPath: "askjv"
       //   }
       // }
+      commit('toggle_loading', true)
       const {translation, saved_translations} = payload
       let success = false
       //save translation in indexdb
@@ -67,8 +70,12 @@ export default {
       if(!success) return;
 
       commit('REMOVE_TRANSLATION', payload);
+      setTimeout(()=>{
+        commit('toggle_loading', false)
+      }, 1200)
     },
    async  initialise({commit}){
+    commit('toggle_loading', true)
         let saved_translations = await idb.getAll('saved_translations').catch(err => console.log(err));
         
         if(!saved_translations) saved_translations = [];
@@ -80,7 +87,7 @@ export default {
           
     commit('initialise', {saved_translations, translation: translations[0]})
         
-   
+    commit('toggle_loading', false)
 
     },
     set_chapter({commit}, payload) {
@@ -90,10 +97,15 @@ export default {
         commit('set_book', payload)
     },
     async set_translation({commit}, payload){
+      commit('toggle_loading', true)
         let translation = await idb.get('translations', payload.selected_translation).catch(err => console.log(err));
         
         if(!translation) return;
         payload.translation = translation
         commit('set_translation', payload)
+        // console.log("from acitons", payload);
+        setTimeout(()=>{
+          commit('toggle_loading', false)
+        }, 2500)
     }
 }
\ No newline at end of file
diff --git a/src/store/mutations.js b/src/store/mutations.js
index dcc1d0d..6f44db8 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -1,3 +1,5 @@
+
+
 export default {
     add_translation (state, payload ) {
 
@@ -52,20 +54,23 @@ export default {
    //     state.search = search
    // }
    initialise(state, payload){
-     state.saved_translations = payload.saved_translations
-     state.in_memory_translation = payload.translation
+      state.saved_translations = payload.saved_translations
+      state.in_memory_translation = payload.translation
    },
    set_chapter(state, payload){
-      state.selected.chapter = payload;
+       state.selected.chapter = payload;
    },
    set_book(state, payload){
-     state.selected.chapter = null;
-     state.selected.book =  payload;
+      state.selected.chapter = null;
+      state.selected.book =  payload;
    },
    set_translation(state, payload){
-     state.selected.book = null
-     state.selected.chapter = null
-    state.selected.translation = payload.selected_translation;
-    state.in_memory_translation = payload.translation;
+      state.selected.book = null
+      state.selected.chapter = null
+      state.selected.translation = payload.selected_translation;
+      state.in_memory_translation = payload.translation;
+   },
+   toggle_loading(state, payload){
+      state.loading = payload;
    }
  }
\ No newline at end of file