store/loading.js

@@ -0,0 +1,48 @@
+export const state = () => {
+    return {
+      message: '',
+      progress: '',
+      enabled: false,
+      type: null
+    }
+  }
+  
+  export const getters = {}
+  
+  export const mutations = {
+    ENABLE(state, { message, progress, type }) {
+      state.message = message
+      state.enabled = true
+      state.progress = progress
+      state.type = type
+    },
+    DISABLE(state) {
+      state.message = ''
+      state.enabled = false
+      state.progress = ''
+      state.type = null
+    }
+  }
+  
+  export const actions = {
+    enable({ commit }, { message = this.app.i18n.t('loading') }) {
+      commit('ENABLE', { message })
+    },
+    changeText({ commit }, { message, type }) {
+      commit('ENABLE', { message, type })
+    },
+    updateProgress({ commit }, { message, progress }) {
+      commit('ENABLE', { message, progress })
+    },
+    disable({ commit }) {
+      commit('DISABLE')
+    },
+    showConfirmLoader({ dispatch, rootState }) {
+      dispatch('changeText', {
+        message: this.app.i18n.t('pleaseConfirmTransactionInWallet', {
+          wallet: rootState.metamask.walletName
+        }),
+        type: 'approve'
+      })
+    }
+  }