fix: login form
use dioxus::events::*;
use dioxus::prelude::*;
-use dioxus::router::{Link, Router, Route, RouterService};
+use dioxus::router::{Link, Route, Router, RouterService};
fn main() {
dioxus::desktop::launch(APP);
@@ -25,37 +25,27 @@ fn home(cx: Scope) -> Element {
})
}
-
fn login(cx: Scope) -> Element {
- let username = use_state(&cx, String::new);
- let password = use_state(&cx, String::new);
-
let service = cx.consume_context::<RouterService>()?;
- let onsubmit = move |_| {
- cx.push_future({
- let (username, password) = (username.get().clone(), password.get().clone());
- let service = service.clone();
-
- async move {
- let params = [
- ("username", username.to_string()),
- ("password", password.to_string())
- ];
+ let onsubmit = move |evt: FormEvent| {
+ to_owned![service];
+ let username = evt.values["username"].clone();
+ let password = evt.values["password"].clone();
+ cx.spawn(async move {
let resp = reqwest::Client::new()
.post("http://localhost/login")
- .form(&params)
+ .form(&[("username", username), ("password", password)])
.send()
.await;
match resp {
- Ok(data) => {
// Parse data from here, such as storing a response token
- service.push_route("/");
- }
- Err(err) => {} //Handle any errors from the fetch here
- }
+ Ok(data) => service.push_route("/"),
+
+ //Handle any errors from the fetch here
+ Err(err) => {}
}
});
};
@@ -64,26 +54,16 @@ fn login(cx: Scope) -> Element {
h1 { "Login" }
form {
onsubmit: onsubmit,
- // Prevent the default behavior of <form> to post
- prevent_default: "onsubmit",
- input {
- oninput: move |evt| username.set(evt.value.clone())
- }
- label {
- "Username"
- }
+ prevent_default: "onsubmit", // Prevent the default behavior of <form> to post
+ input { r#type: "text" }
+ label { "Username" }
br {}
- input {
- oninput: move |evt| password.set(evt.value.clone()),
- r#type: "password"
- }
+ input { r#type: "password" }
label {
"Password"
}
br {}
- button {
- "Login"
- }
+ button { "Login" }
}
})
}
