From 91cd6737f9460e7537caaa49529462dc68936eaa Mon Sep 17 00:00:00 2001
From: Daniel Miller <daniel@matv.io>
Date: Wed, 11 Dec 2024 04:46:27 +0000
Subject: [PATCH] Fixed enter key issue

---
 src/pages/login.rs | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/pages/login.rs b/src/pages/login.rs
index 717e3a2..8542af5 100644
--- a/src/pages/login.rs
+++ b/src/pages/login.rs
@@ -16,10 +16,11 @@ pub fn Login() -> impl IntoView {
     let loading = create_rw_signal(false);
     let error_msg = create_rw_signal(None);
 
-    let toggle_password = move |_| {
+    let toggle_password = move |ev: leptos::ev::MouseEvent| {
+        ev.prevent_default();
         set_show_password.update(|show_password| *show_password = !*show_password);
-        log!("showing password");
-    };
+        log!("Password visibility toggled");
+    };    
 
     let on_submit = move |ev: leptos::ev::SubmitEvent| {
         ev.prevent_default();
@@ -94,17 +95,17 @@ pub fn Login() -> impl IntoView {
                         />
                         <span>Password</span>
                         <i></i>
-                        <Show
-                            when=move || {show_password() == false}
-                            fallback=move || view!{ <button on:click=toggle_password class="login-password-visibility">
-                                                  <Icon icon=icondata::AiEyeInvisibleFilled />
-                                               </button> /> }
+                        <Show when=move || { show_password() == false }
+                            fallback=move || view! {
+                                <button on:click=toggle_password class="login-password-visibility">
+                                    <Icon icon=icondata::AiEyeInvisibleFilled />
+                                </button>
+                            }
                         >
-                            <button on:click=toggle_password class="login-password-visibility">
-                                <Icon icon=icondata::AiEyeFilled />
-                            </button>
-
-                        </Show>
+                        <button on:click=toggle_password class="login-password-visibility">
+                            <Icon icon=icondata::AiEyeFilled />
+                        </button>
+                    </Show>
                     </div>
                     <a href="" class="forgot-pw">Forgot Password?</a>
                     <div class="error-msg" >{ move || error_msg.get() }</div>