promisify getChannels action to wait before calling getVideos

pixeldesu · Jan 25, 2020 · 4bc7804 · 4bc7804
1 parent 4cefa02
commit 4bc7804
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -33,8 +33,9 @@ export default {
   ]),
 
   async created() {
-    this.$store.dispatch('getChannels');
-    this.$store.dispatch('getVideos');
+    this.$store.dispatch('getChannels').then(() => {
+      this.$store.dispatch('getVideos');
+    });
   },
 };
 </script>

diff --git a/src/store/actions.js b/src/store/actions.js
@@ -13,7 +13,12 @@ export default {
   },
 
   async getChannels({ commit }) {
-    commit(types.GET_CHANNELS, await database.channels.toArray());
+    return new Promise((resolve) => {
+      database.channels.toArray().then((result) => {
+        commit(types.GET_CHANNELS, result);
+        resolve();
+      });
+    });
   },
 
   selectChannel({ commit, dispatch }, index) {