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

Display user profile picture when logged in instead of generic profile icon

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

19
src/components/personal.rs
View File

@ -3,7 +3,6 @@ use leptos::*;
use leptos_icons::*;
use crate::auth::get_user;
use crate::auth::logout;
use crate::models::User;
#[component]
pub fn Personal() -> impl IntoView {
@ -24,10 +23,26 @@ pub fn Profile() -> impl IntoView {
set_dropdown_open.update(|value| *value = !*value);
};
let user_profile_picture = move || {
user.get().map(|user| {
if let Ok(user) = user {
return format!("/assets/images/profile/{}.webp", user.id.unwrap());
} else {
return "".to_string();
}
})
};
view! {
<div class="profile-container">
<div class="profile-icon" on:click=open_dropdown>
<Icon icon=icondata::CgProfile />
<Show
when=move || logged_in.get().unwrap_or_default()
fallback=|| view!{
<Icon icon=icondata::CgProfile />
}>
<img src=user_profile_picture />
</Show>
</div>
<div class="dropdown-container" style={move || if dropdown_open() {"display: flex"} else {"display: none"}}>
<Show