From 6357f407bffa49ce285a490ec980fe227b37c91f Mon Sep 17 00:00:00 2001
From: wajeht <58354193+wajeht@users.noreply.github.com>
Date: Mon, 19 Sep 2022 23:59:37 -0400
Subject: [PATCH] feat: added show or hide password on signup page

---
 src/apps/ui/components/shared/Login.vue  |  2 +-
 src/apps/ui/components/shared/Signup.vue | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/apps/ui/components/shared/Login.vue b/src/apps/ui/components/shared/Login.vue
index 921d12a0..a8e7db37 100644
--- a/src/apps/ui/components/shared/Login.vue
+++ b/src/apps/ui/components/shared/Login.vue
@@ -166,7 +166,7 @@ export default {
 
     <!-- password -->
     <div class="mb-3">
-      <div class="d-flex gap-2 align-items-center flex-row">
+      <div class="d-flex gap-2">
         <label for="password" class="form-label me-2">Password</label>
         <div role="button" @click="showPassword = !showPassword" style="cursor: pointer">
           <i v-if="showPassword" class="bi bi-eye-slash"></i>
diff --git a/src/apps/ui/components/shared/Signup.vue b/src/apps/ui/components/shared/Signup.vue
index caab1155..c4dab227 100644
--- a/src/apps/ui/components/shared/Signup.vue
+++ b/src/apps/ui/components/shared/Signup.vue
@@ -40,10 +40,16 @@
 
     <!-- password -->
     <div class="mb-3">
-      <label for="password" class="form-label">Password</label>
+      <div class="d-flex gap-2">
+        <label for="password" class="form-label me-2">Password</label>
+        <div role="button" @click="showPassword = !showPassword" style="cursor: pointer">
+          <i v-if="showPassword" class="bi bi-eye-slash"></i>
+          <i v-else class="bi bi-eye"></i>
+        </div>
+      </div>
       <input
         v-model="password"
-        type="password"
+        :type="showPassword ? 'text' : 'password'"
         class="form-control"
         id="password"
         :disabled="loading"
@@ -149,6 +155,7 @@ export default {
       email: '',
       password: '',
       checkbox: '',
+      showPassword: false,
       loading: false,
       loginLink: '/login',
       alert: {