eta357/LibreTunes-Nix-Test
1
0
Fork 0
Code Pull Requests Actions Activity

Track logged in status and user as local resource instead of signal

Browse Source
This commit is contained in:
Connor Wittman 2024-10-18 19:26:10 -04:00
parent f104a14f98
commit 2be665c549
1 changed files with 6 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/personal.rs
View File

@ -17,23 +17,11 @@ pub fn Personal() -> impl IntoView {
#[component]
pub fn Profile() -> impl IntoView {
let (dropdown_open, set_dropdown_open) = create_signal(false);
let logged_in = create_rw_signal(false);
// user signal is an option because the user may not be logged in
let user_signal = create_rw_signal(None);
let user = create_local_resource(move || dropdown_open.get(), |_| async move { get_user().await });
let logged_in = create_local_resource(move || dropdown_open.get(), |_| async move { get_user().await.is_ok() });
let open_dropdown = move |_| {
spawn_local(async move {
let user = get_user().await;
if let Ok(user) = user {
logged_in.set(true);
user_signal.update(|value| {
*value = Some(user);
});
} else {
logged_in.set(false);
}
set_dropdown_open.update(|value| *value = !*value);
});
set_dropdown_open.update(|value| *value = !*value);
};
view! {
@ -43,11 +31,11 @@ pub fn Profile() -> impl IntoView {
</div>
<div class="dropdown-container" style={move || if dropdown_open() {"display: flex"} else {"display: none"}}>
<Show
when=logged_in
when=move || logged_in.get().unwrap_or_default()
fallback=|| view!{
<DropDownNotLoggedIn />
}>
<DropDownLoggedIn user_signal=user_signal logged_in=logged_in></DropDownLoggedIn>
<DropDownLoggedIn logged_in=logged_in />
</Show>
</div>
</div>
@ -64,7 +52,7 @@ pub fn DropDownNotLoggedIn() -> impl IntoView {
}
}
#[component]
pub fn DropDownLoggedIn(user_signal: RwSignal<Option<User>>, logged_in: RwSignal<bool>) -> impl IntoView {
pub fn DropDownLoggedIn(logged_in: Resource<bool, bool>) -> impl IntoView {
let logout = move |_| {
spawn_local(async move {
@ -73,7 +61,6 @@ pub fn DropDownLoggedIn(user_signal: RwSignal<Option<User>>, logged_in: RwSignal
log!("Error logging out: {:?}", err);
} else {
log!("Logged out successfully");
user_signal.update(|value| *value = None);
logged_in.set(false);
}
});
@ -82,15 +69,6 @@ pub fn DropDownLoggedIn(user_signal: RwSignal<Option<User>>, logged_in: RwSignal
view! {
<div class="dropdown-logged">
<h1>"Logged In"</h1>
<div class="profile-info">
<h1>{move || user_signal.with(|user|
if let Some(user) = user {
user.username.clone()
} else {
"".to_string()
}
)}</h1>
</div>
<button on:click=logout class="auth-button">Log Out</button>
</div>
}