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

add time listened toggle

Browse source
This commit is contained in:
Gabe Farrell 2025-12-31 18:02:00 -05:00
parent 9b7e68487d
commit 60667ea716
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
client/app/routes/RewindPage.tsx
View file

@ -9,13 +9,23 @@ export function meta({}: Route.MetaArgs) {
export default function RewindPage() {
const [stats, setStats] = useState<RewindStats | undefined>(undefined);
const [showTime, setShowTime] = useState(false);
useEffect(() => {
getRewindStats({ year: 2025 }).then((r) => setStats(r));
}, []);
return (
<div className="flex flex-col items-start">
<div className="flex flex-col items-start mt-20">
<div className="flex items-center gap-3">
<label htmlFor="show-time-checkbox">Show time listened?</label>
<input
type="checkbox"
name="show-time-checkbox"
checked={showTime}
onChange={(e) => setShowTime(!showTime)}
></input>
</div>
<h2 className="mt-12">Your 2025 Rewind</h2>
{stats !== undefined && <Rewind stats={stats} />}
{stats !== undefined && <Rewind stats={stats} includeTime={showTime} />}
</div>
);
}