gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-03-07 21:48:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix artist albums component

Browse source
This commit is contained in:
Gabe Farrell 2026-01-16 00:35:14 -05:00
parent 89161b5586
commit 67507513f8
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

18
client/app/components/ArtistAlbums.tsx
View file

@ -8,11 +8,11 @@ interface Props {
period: string; period: string;
} }
export default function ArtistAlbums({ artistId, name, period }: Props) { export default function ArtistAlbums({ artistId, name }: Props) {
const { isPending, isError, data, error } = useQuery({ const { isPending, isError, data, error } = useQuery({
queryKey: [ queryKey: [
"top-albums", "top-albums",
{ limit: 99, period: "all_time", artist_id: artistId, page: 0 }, { limit: 99, period: "all_time", artist_id: artistId },
], ],
queryFn: ({ queryKey }) => getTopAlbums(queryKey[1] as getItemsArgs), queryFn: ({ queryKey }) => getTopAlbums(queryKey[1] as getItemsArgs),
}); });
@ -39,16 +39,20 @@ export default function ArtistAlbums({ artistId, name, period }: Props) {
<h3>Albums featuring {name}</h3> <h3>Albums featuring {name}</h3>
<div className="flex flex-wrap gap-8"> <div className="flex flex-wrap gap-8">
{data.items.map((item) => ( {data.items.map((item) => (
<Link to={`/album/${item.id}`} className="flex gap-2 items-start"> <Link
to={`/album/${item.item.id}`}
className="flex gap-2 items-start"
>
<img <img
src={imageUrl(item.image, "medium")} src={imageUrl(item.item.image, "medium")}
alt={item.title} alt={item.item.title}
style={{ width: 130 }} style={{ width: 130 }}
/> />
<div className="w-[180px] flex flex-col items-start gap-1"> <div className="w-[180px] flex flex-col items-start gap-1">
<p>{item.title}</p> <p>{item.item.title}</p>
<p className="text-sm color-fg-secondary"> <p className="text-sm color-fg-secondary">
{item.listen_count} play{item.listen_count > 1 ? "s" : ""} {item.item.listen_count} play
{item.item.listen_count > 1 ? "s" : ""}
</p> </p>
</div> </div>
</Link> </Link>