From 25e6af91c8d1dfd089391ba83994d37eda988038 Mon Sep 17 00:00:00 2001
From: Joe Wroten <joe.wroten@q2ebanking.com>
Date: Sun, 7 May 2017 20:58:36 -0400
Subject: [PATCH] Proper dispatch events, error handling

---
 src/components/Index.vue | 37 ++++++++++++++++++++++++-------------
 src/store.js             | 13 +++++++++++++
 2 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/src/components/Index.vue b/src/components/Index.vue
index effad43..e355fb5 100644
--- a/src/components/Index.vue
+++ b/src/components/Index.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script>
-import { Loading } from 'quasar'
+import { Loading, Dialog } from 'quasar'
 import Vue from 'vue'
-import { state } from '../store'
+import { state, dispatch } from '../store'
 import SpellList from './Spelllist'
 import 'whatwg-fetch'
 
@@ -30,18 +30,29 @@ export default {
   mounted () {
     if (this.state.spells.loaded === false) {
       Loading.show()
-    }
 
-    fetch('./statics/dnd5e.json')
-    .then(response => response.json())
-    .then(spells => {
-      this.state.spells = {
-        loaded: true,
-        data: spells
-      }
-      Loading.hide()
-    })
-    .catch(reason => console.error('Unable to retrieve spells list:', reason))
+      fetch('./statics/dnd5e.json')
+      .then(response => response.json())
+      .then(spells => {
+        dispatch({
+          type: 'SPELLS_RESOLVED',
+          data: {
+            loaded: true,
+            data: spells
+          }
+        })
+      })
+      .catch(reason => {
+        let message = 'Unable to retrieve spells list'
+        Dialog.create({
+          title: 'Error',
+          message,
+          nobuttons: true
+        })
+        console.error(message, reason)
+      })
+      .then(() => { Loading.hide() })
+    }
   }
 }
 </script>
diff --git a/src/store.js b/src/store.js
index 0553049..81c3ac3 100644
--- a/src/store.js
+++ b/src/store.js
@@ -4,3 +4,16 @@ export let state = {
     data: []
   }
 }
+
+export function dispatch (action) {
+  switch (action.type) {
+    case 'SPELLS_RESOLVED':
+      state.spells = action.data
+      break
+  }
+}
+
+export default {
+  state,
+  dispatch
+}