From 60667ea7167f1e511a8d7c81c271026634b785a2 Mon Sep 17 00:00:00 2001
From: Gabe Farrell <gabe@mnrva.dev>
Date: Wed, 31 Dec 2025 18:02:00 -0500
Subject: [PATCH] add time listened toggle

---
 client/app/routes/RewindPage.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/app/routes/RewindPage.tsx b/client/app/routes/RewindPage.tsx
index 5b4e518..0aae61a 100644
--- a/client/app/routes/RewindPage.tsx
+++ b/client/app/routes/RewindPage.tsx
@@ -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>
   );
 }