Moved snackbars to their own store and component

app/imports/ui/vuexStore.js

@@ -1,19 +1,19 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
 import dialogStackStore from '/imports/ui/dialogStack/dialogStackStore.js';
+import snackbarStore from '/imports/ui/components/snackbars/snackboxStore.js';
 
 Vue.use(Vuex);
 const store = new Vuex.Store({
   strict: process.env.NODE_ENV !== 'production',
   modules: {
     dialogStack: dialogStackStore,
+    snackbars: snackbarStore,
   },
   state: {
     drawer: undefined,
     rightDrawer: undefined,
     pageTitle: undefined,
-    snackbars: [],
-    snackbarTimout: undefined,
   },
   mutations: {
     toggleDrawer (state) {
@@ -32,43 +32,7 @@ const store = new Vuex.Store({
       state.pageTitle = value;
       document.title = value;
     },
-    addSnackbar(state, value){
-      value.open = true;
-      state.snackbars.push(value)
-    },
-    closeCurrentSnackbar (state){
-      state.snackbars.shift();
-    },
-    cancelSnackbarTimeout (state){
-      if(state.snackbarTimout){
-        clearTimeout(state.snackbarTimout);
-      }
-    },
-    setSnackbarTimout(state, value){
-      state.snackbarTimout = value;
-    },
   },
-  actions: {
-    snackbar({commit}, value){
-      // value = {
-      //   text,
-      //   showCloseButton,
-      //   callback,
-      //   callbackName
-      // }
-      commit('addSnackbar', value);
-    },
-    closeSnackbar({dispatch, commit, state}){
-      commit('closeCurrentSnackbar');
-      commit('cancelSnackbarTimeout');
-      if (state.snackbars.length){
-        commit('setSnackbarTimout');
-        state.snackbarTimout = setTimeout(() => {
-          dispatch('closeSnackbar');
-        }, 5000);
-      }
-    },
-  }
 });
 
 export default store;