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

Add artist detail component for name/bio/image

Browse Source
This commit is contained in:
Daniel Miller 2024-12-11 03:44:43 +00:00
parent 8dbaaf317d
commit 86e5e733b3
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/artist.rs
View File

@ -69,3 +69,21 @@ fn ArtistProfile(#[prop(into)] id: MaybeSignal<i32>) -> impl IntoView {
</Transition>
}
}
#[component]
fn ArtistDetails(artist: Artist) -> impl IntoView {
let artist_id = artist.id.unwrap();
let profile_image_path = format!("/assets/images/artist/{}.webp", artist_id);
view! {
<div class="artist-header">
<object class="artist-image" data={profile_image_path.clone()} type="image/webp">
<Icon class="artist-image" icon=icondata::CgProfile width="75" height="75"/>
</object>
<h1>{artist.name}</h1>
</div>
<div class="artist-details">
<p>{artist.bio.unwrap_or_else(|| "No bio available.".to_string())}</p>
</div>
}
}