vsquad/elo
3
2
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Moved modal state into global state
All checks were successful
Build Crate / build (push) Successful in 1m39s
Details

Browse Source 
unfortunate but easiest way
This commit is contained in:
Matthew Kaminski
2024-08-25 16:36:13 -04:00
parent 462ca81a15
commit 99b4d9af1a
3 changed files with 43 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/header.rs
View File

@@ -1,3 +1,5 @@
use std::sync::Arc;
use perseus::prelude::*;
use sycamore::prelude::*;
use web_sys::Event;
@@ -18,18 +20,14 @@ pub struct HeaderProps<'a> {
pub fn Header<'a, G: Html>(cx: Scope<'a>, HeaderProps { game, title }: HeaderProps<'a>) -> View<G> {
// Get global state to get authentication info
let global_state = Reactor::<G>::from_cx(cx).get_global_state::<AppStateRx>(cx);
// Create signal for opening/closing the login modal
let login_modal_state = create_rc_signal(OpenState::Closed);
let handle_log_in = {
let login_modal_state = login_modal_state.clone();
move |_event: Event| {
#[cfg(client)]
{
spawn_local_scoped(cx, async move {
login_modal_state.set(OpenState::Open);
});
}
let handle_log_in = move |_event: Event| {
#[cfg(client)]
{
spawn_local_scoped(cx, async move {
let global_state = Reactor::<G>::from_cx(cx).get_global_state::<AppStateRx>(cx);
global_state.modals_open.login.set(OpenState::Open);
});
}
};
@@ -76,28 +74,24 @@ pub fn Header<'a, G: Html>(cx: Scope<'a>, HeaderProps { game, title }: HeaderPro
}
}
section {
div(class = "flex-1 py-2") {(
match *login_modal_state.get() {
OpenState::Open => {
let login_modal_state = login_modal_state.clone();
view! { cx,
(LOGIN_FORM.widget(cx, "",
LoginFormProps{
open_state: login_modal_state.clone(),
remember_me: true,
endpoint: "".to_string(),
lost_password_url: Some("".to_string()),
forgot_password_url: Some("".to_string()),
}
))
}
section(class = "flex-2") {
(match *global_state.modals_open.login.get() {
OpenState::Open => {
view! { cx,
(LOGIN_FORM.widget(cx, "",
LoginFormProps{
remember_me: true,
endpoint: "".to_string(),
lost_password_url: Some("".to_string()),
forgot_password_url: Some("".to_string()),
}
))
}
OpenState::Closed => {
view!{ cx, }
}
})
}
}
OpenState::Closed => {
view!{ cx, }
}
})
}
}
}