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

Display username in profile when logged in

Browse Source
This commit is contained in:
Connor Wittman 2024-10-15 17:18:41 -04:00
parent 071dcad0cc
commit f78066d7a8
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/personal.rs
View File

@ -18,17 +18,16 @@ pub fn Personal() -> impl IntoView {
pub fn Profile() -> impl IntoView { pub fn Profile() -> impl IntoView {
let (dropdown_open, set_dropdown_open) = create_signal(false); let (dropdown_open, set_dropdown_open) = create_signal(false);
let logged_in = create_rw_signal(false); let logged_in = create_rw_signal(false);
let user_signal = create_rw_signal(User::default()); let user_signal = create_rw_signal(User::default());
let open_dropdown = move |_| { let open_dropdown = move |_| {
spawn_local(async move { spawn_local(async move {
let user = get_user().await; let user = get_user().await;
if let Ok(user) = user { if let Ok(user) = user {
logged_in.set(true); logged_in.set(true);
user_signal.update(|value| *value = user); user_signal.update(|value| {
*value = user;
});
} else { } else {
logged_in.set(false); logged_in.set(false);
} }
@ -82,6 +81,9 @@ pub fn DropDownLoggedIn(user_signal: RwSignal<User>, logged_in: RwSignal<bool>)
view! { view! {
<div class="dropdown-logged"> <div class="dropdown-logged">
<h1>"Logged In"</h1> <h1>"Logged In"</h1>
<div class="profile-info">
<h1>{move || user_signal.with(|user| user.username.clone())}</h1>
</div>
<button on:click=logout class="auth-button">Log Out</button> <button on:click=logout class="auth-button">Log Out</button>
</div> </div>
} }

11
style/personal.scss
View File

@ -54,6 +54,17 @@
h1 { h1 {
font-size: 1.2rem; font-size: 1.2rem;
} }
.profile-info {
display: flex;
width: 100%;
justify-content: center;
border-top: 0.2rem solid rgba(89, 89, 89, 0.199);
border-bottom: 0.2rem solid rgba(89, 89, 89, 0.199);
h1 {
font-size: 1rem;
margin-top: 0.5rem;
}
}
.auth-button { .auth-button {
margin-top: 0.5rem; margin-top: 0.5rem;
padding: 0.5rem; padding: 0.5rem;