gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-03-13 09:30:27 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: ui tweaks and fixes (#134)

Browse source
This commit is contained in:
Gabe Farrell 2026-01-13 23:25:31 -05:00 • committed by GitHub
parent c2a0987946
commit 288d04d714
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 40 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/app/components/TopTracks.tsx
View file

@ -28,17 +28,19 @@ const TopTracks = (props: Props) => {
queryFn: ({ queryKey }) => getTopTracks(queryKey[1] as getItemsArgs),
});
const header = "Top tracks";
if (isPending) {
return (
<div className="w-[300px]">
<h3>Top Tracks</h3>
<h3>{header}</h3>
<p>Loading...</p>
</div>
);
} else if (isError) {
return (
<div className="w-[300px]">
<h3>Top Tracks</h3>
<h3>{header}</h3>
<p className="error">Error: {error.message}</p>
</div>
);
@ -53,7 +55,7 @@ const TopTracks = (props: Props) => {
<div>
<h3 className="hover:underline">
<Link to={`/chart/top-tracks?period=${props.period}${params}`}>
Top Tracks
{header}
</Link>
</h3>
<div className="max-w-[300px]">