From 2f44aa9125e4e754c3efba7e6aabe01cd10f6018 Mon Sep 17 00:00:00 2001
From: Joe Fleming <joe.fleming@gmail.com>
Date: Mon, 20 Feb 2017 12:54:04 -0700
Subject: [PATCH] add failed login handling

---
 src/App.vue         |  1 +
 src/pages/Login.vue | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 7b8f289..f4ea6b9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -71,6 +71,7 @@
   @import '~bulma/sass/elements/button'
   @import '~bulma/sass/elements/form'
   @import '~bulma/sass/elements/icon'
+  @import '~bulma/sass/elements/notification'
   @import '~bulma/sass/elements/other'
   @import '~bulma/sass/grid/columns'
 
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index a37524d..bc34f9d 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -34,6 +34,11 @@
             </button>
           </p>
 
+          <div class="notification is-danger" v-if="badLogin">
+            <button class="delete" @click="badLogin = false"></button>
+            Login failed
+          </div>
+
         </form>
       </div>
     </section>
@@ -54,6 +59,7 @@
       return {
         email: '',
         password: '',
+        badLogin: false,
         sendTo: {},
       };
     },
@@ -63,7 +69,11 @@
 
         store.dispatch('userLogin', { email, password })
         .then(() => {
+          this.badLogin = false;
           this.$router.push(this.sendTo);
+        })
+        .catch(() => {
+          this.badLogin = true
         });
       }
     },