🚧 Handle logged state + Login -> ContactsWindow transition

src/components/login.rs

@@ -10,10 +10,11 @@ use crate::matrix_client::{LoginStyle, MatrixClient};
 
 pub fn Login(cx: Scope) -> Element {
     let app_context = use_shared_state::<AppSettings>(cx).unwrap();
-    println!("app_context={:?}", app_context.read());
 
     let login = use_ref(cx, || Login::new());
 
+    let invalid_login = use_state(cx, || false);
+
     let empty_placeholder = String::from("");
 
     let root = css!(
@@ -71,21 +72,44 @@ pub fn Login(cx: Scope) -> Element {
         "
     );
 
+    let invalid_input_css = css!(
+        "
+        border-color: red;
+        "
+    );
+    let password_class = if **invalid_login {
+        invalid_input_css
+    } else {
+        ""
+    };
+
     let run_matrix_client = move |_| {
-        to_owned![app_context, login];
+        cx.spawn({
+            to_owned![app_context, invalid_login, login];
 
-        let homeserver_url = login.read().homeserver_url.clone().unwrap();
-        let username = login.read().email.clone().unwrap();
-        let password = login.read().password.clone().unwrap();
+            let homeserver_url = login.read().homeserver_url.clone().unwrap();
+            let username = login.read().email.clone().unwrap();
+            let password = login.read().password.clone().unwrap();
 
-        cx.spawn(async {
-            let requester = MatrixClient::spawn(homeserver_url).await;
+            async move {
+                let mut context = app_context.write();
 
-            requester.init();
-            requester.login(LoginStyle::Password(username, password));
+                let requester = MatrixClient::spawn(homeserver_url).await;
+                requester.init();
 
-            let context = app_context;
-            context.write().requester = Some(Arc::new(requester));
+                match requester.login(LoginStyle::Password(username, password)) {
+                    Ok(_) => {
+                        println!("successfully logged");
+                        context.store.is_logged = true;
+                    }
+                    Err(err) => {
+                        println!("Error during login: {err}");
+                        invalid_login.modify(|_| true);
+                    }
+                }
+
+                context.requester = Some(Arc::new(requester));
+            }
         });
     };
 
@@ -130,11 +154,15 @@ pub fn Login(cx: Scope) -> Element {
                     "Password:"
                 },
                 input {
+                    class: "{password_class}",
                     id: "login-input-password",
                     r#type: "password",
                     name: "Password",
                     value: "{login.read().password.as_ref().unwrap_or(&empty_placeholder)}",
-                    oninput: move |evt| login.write().password = Some(evt.value.clone()),
+                    oninput: move |evt| {
+                        login.write().password = Some(evt.value.clone());
+                        invalid_login.set(false);
+                    },
                 },
 
                 div {