gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-04-22 20:11:50 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui tweaks

Browse source
This commit is contained in:
Gabe Farrell 2026-01-13 23:19:15 -05:00
parent 6e7b4e0522
commit a13ed8718e
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/LastPlays.tsx
View file

@ -42,6 +42,8 @@ export default function LastPlays(props: Props) {
queryFn: () => getNowPlaying(),
});
const header = "Last played";
const [items, setItems] = useState<Listen[] | null>(null);
const handleDelete = async (listen: Listen) => {
@ -63,14 +65,14 @@ export default function LastPlays(props: Props) {
if (isPending) {
return (
<div className="w-[300px] sm:w-[500px]">
<h3>Last Played</h3>
<h3>{header}</h3>
<p>Loading...</p>
</div>
);
} else if (isError) {
return (
<div className="w-[300px] sm:w-[500px]">
<h3>Last Played</h3>
<h3>{header}</h3>
<p className="error">Error: {error.message}</p>
</div>
);
@ -86,7 +88,7 @@ export default function LastPlays(props: Props) {
return (
<div className="text-sm sm:text-[16px]">
<h3 className="hover:underline">
<Link to={`/listens?period=all_time${params}`}>Last Played</Link>
<Link to={`/listens?period=all_time${params}`}>{header}</Link>
</h3>
<table className="-ml-4">
<tbody>