From 9c68768295297b0a80970becf2c42fa9d46c7737 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Thu, 5 Mar 2026 20:53:05 -0500
Subject: [PATCH] Fix episode progress display in seasons: show mark-all for
 all users, simplify progress indicators

Remove the `userStatus` guard on the "Mark All" button so unauthenticated
or unwatchlisted users can also access it. Drop the mobile percentage
label (redundant with the watch count) and make the watched/total count
always visible instead of hidden on small screens.
---
 .../titles/[id]/_components/title-seasons.tsx     | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/app/(pages)/titles/[id]/_components/title-seasons.tsx b/app/(pages)/titles/[id]/_components/title-seasons.tsx
index e176269..37279c6 100644
--- a/app/(pages)/titles/[id]/_components/title-seasons.tsx
+++ b/app/(pages)/titles/[id]/_components/title-seasons.tsx
@@ -68,7 +68,7 @@ export function TitleSeasons({
           <IconDeviceTvOld aria-hidden={true} className="size-5 text-primary" />
           <h2 className="font-display text-2xl tracking-tight">Episodes</h2>
         </div>
-        {userStatus && userStatus !== "completed" && (
+        {userStatus !== "completed" && (
           <AlertDialog open={markAllOpen} onOpenChange={setMarkAllOpen}>
             <AlertDialogTrigger
               render={
@@ -144,14 +144,9 @@ export function TitleSeasons({
                 </div>
                 <div className="flex items-center gap-3">
                   {totalCount > 0 && (
-                    <>
-                      <span className="text-xs tabular-nums text-muted-foreground sm:hidden">
-                        {Math.round(progressPercent)}%
-                      </span>
-                      <div className="hidden w-24 sm:block sm:group-hover/season:hidden">
-                        <Progress value={progressPercent} />
-                      </div>
-                    </>
+                    <div className="hidden w-24 sm:block sm:group-hover/season:hidden">
+                      <Progress value={progressPercent} />
+                    </div>
                   )}
                   {totalCount > 0 && watchedCount < totalCount && (
                     <Button
@@ -180,7 +175,7 @@ export function TitleSeasons({
                     </Button>
                   )}
                   {totalCount > 0 && (
-                    <span className="hidden font-mono text-xs tabular-nums text-muted-foreground sm:inline">
+                    <span className="font-mono text-xs tabular-nums text-muted-foreground">
                       {watchedCount}/{totalCount}
                     </span>
                   )}