()
+ .value();
+
+ let mut data = cloned_state.deref().clone();
+ data.password = password;
+ cloned_state.set(data);
+ });
+
+ let cloned_state = state.clone();
+ let onsubmit = Callback::from(move |event: SubmitEvent| {
+ event.prevent_default();
+
+ let data = cloned_state.deref().clone();
+ gloo::console::log!("username: ", data.username);
+ gloo::console::log!("password: ", data.password);
+ });
+
html! {
-
}
diff --git a/src/topbar/guest/signup.rs b/src/topbar/guest/signup.rs
new file mode 100644
index 0000000..fc27b9d
--- /dev/null
+++ b/src/topbar/guest/signup.rs
@@ -0,0 +1,88 @@
+use std::ops::Deref;
+use wasm_bindgen::JsCast;
+use web_sys::HtmlInputElement;
+use yew::prelude::*;
+
+#[derive(PartialEq, Clone, Default, Debug)]
+struct Data {
+ pub username: String,
+ pub email: String,
+ pub password: String,
+}
+
+#[function_component]
+pub fn SignUp() -> Html {
+ let state = use_state(|| Data::default());
+
+ let cloned_state = state.clone();
+ let on_username_changed = Callback::from(move |event: Event| {
+ let username = event
+ .target()
+ .expect("WTF")
+ .unchecked_into::()
+ .value();
+
+ let mut data = cloned_state.deref().clone();
+ data.username = username;
+ cloned_state.set(data);
+ });
+
+ let cloned_state = state.clone();
+ let on_email_changed = Callback::from(move |event: Event| {
+ let email = event
+ .target()
+ .expect("WTF")
+ .unchecked_into::()
+ .value();
+
+ let mut data = cloned_state.deref().clone();
+ data.email = email;
+ cloned_state.set(data);
+ });
+
+ let cloned_state = state.clone();
+ let on_password_changed = Callback::from(move |event: Event| {
+ let password = event
+ .target()
+ .expect("WTF")
+ .unchecked_into::()
+ .value();
+
+ let mut data = cloned_state.deref().clone();
+ data.password = password;
+ cloned_state.set(data);
+ });
+
+ let cloned_state = state.clone();
+ let onsubmit = Callback::from(move |event: SubmitEvent| {
+ event.prevent_default();
+
+ let data = cloned_state.deref().clone();
+ gloo::console::log!("username: ", data.username);
+ gloo::console::log!("email: ", data.email);
+ gloo::console::log!("password: ", data.password);
+ });
+
+ html! {
+
+ }
+}