From b4687d6b7953af86e25c80534d730c0f48b085bf Mon Sep 17 00:00:00 2001
From: Patrick Toal <ptoal@takeflight.ca>
Date: Thu, 16 Nov 2023 22:11:48 -0500
Subject: [PATCH] Minor tweaks to login

---
 src/components/LeftDrawer.vue |  1 -
 src/pages/IndexPage.vue       |  2 +-
 src/pages/LoginPage.vue       | 28 ++++++++++++++++++++++++----
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/components/LeftDrawer.vue b/src/components/LeftDrawer.vue
index 77a7d08..fda1c52 100644
--- a/src/components/LeftDrawer.vue
+++ b/src/components/LeftDrawer.vue
@@ -32,7 +32,6 @@ defineEmits(['drawer-toggle']);
 defineComponent({
   name: 'LeftDrawer',
 });
-console.log(links);
 </script>
 
 <style lang="sass" scoped>
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index bb875d1..0354cd1 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -1,7 +1,7 @@
 <template>
   <q-page class="row justify-center">
     <q-img alt="OYS Logo" src="~assets/oysqn_logo.png" fit="scale-down" />
-    <q-list class="full-width">
+    <q-list class="full-width mobile-only">
       <q-item v-for="link in links" :key="link.name">
         <q-btn
           :icon="link.icon"
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 25920c2..d3826fb 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -43,6 +43,22 @@
                 flat
               ></q-btn> -->
             </q-form>
+
+            <q-dialog v-model="alert">
+              <q-card>
+                <q-card-section>
+                  <div class="text-h6">Login Failed</div>
+                </q-card-section>
+
+                <q-card-section class="q-pt-none">
+                  Login failed: {{ message }}
+                </q-card-section>
+
+                <q-card-actions align="right">
+                  <q-btn flat label="OK" color="primary" v-close-popup />
+                </q-card-actions>
+              </q-card>
+            </q-dialog>
           </q-card-section>
         </q-card>
       </q-page>
@@ -81,6 +97,8 @@ const email = ref('');
 const password = ref('');
 const router = useRouter();
 const q = useQuasar();
+const alert = ref(false);
+const message = ref('');
 
 function login(email: string, password: string) {
   const notification = q.notify({
@@ -101,14 +119,16 @@ function login(email: string, password: string) {
         spinner: false,
         icon: 'check_circle',
       });
-      router.push({ name: 'index' });
+      router.replace({ name: 'index' });
     })
-    .catch((reason: Error) => {
+    .catch(function (reason: Error) {
       notification({
         type: 'negative',
-        message: 'Login failed. Error:' + reason.message,
-        timeout: 2000,
+        message: 'Login failed.',
+        timeout: 1,
       });
+      message.value = reason.message;
+      alert.value = true;
     });
 }
 </script>