From 7d77f50c2973e7d944faadbc776888b11a9768a8 Mon Sep 17 00:00:00 2001
From: "D. Scott Boggs" <scott@tams.tech>
Date: Wed, 23 Aug 2023 06:44:30 -0400
Subject: [PATCH] WIP: Add busy indicators to login view

---
 client/src/views/Login.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/views/Login.vue b/client/src/views/Login.vue
index f5650d0..a50bf9d 100644
--- a/client/src/views/Login.vue
+++ b/client/src/views/Login.vue
@@ -7,8 +7,8 @@ const name = ref("")
 const password = ref("")
 const signUpWait = ref(false)
 const loginWait = ref(false)
-const signUpClass = computed(() => `submit button is-success ${signUpWait ? 'is-loading' : ''}`)
-const loginClass = computed(() => `submit button is-success ${loginWait ? 'is-loading' : ''}`)
+const signUpClass = computed(() => `submit button is-success ${signUpWait.value ? 'is-loading' : ''}`)
+const loginClass = computed(() => `submit button is-info ${loginWait.value ? 'is-loading' : ''}`)
 
 async function signUp() {
     const $name = name.value
@@ -40,6 +40,8 @@ async function login() {
     }
 }
 
+if(state.user?.name) router.push("/")
+
 </script>
 <template>
     <div class="modal is-active">
@@ -50,7 +52,7 @@ async function login() {
             </header>
             <section class="modal-card-body">
                 <div class="field">
-                    <label for="username">Name</label>
+                    <label for="username" class=label>Name</label>
                     <div class="control">
                         <input type="text" name="username" class="input" v-model="name" />
                     </div>