From d591bc9e4e191f5d6d21776723b5614125644c0c Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sat, 10 Jan 2026 18:03:30 -0700
Subject: [PATCH] show season and ep on mobile by title

---
 src/pages/parts/player/PlayerPart.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/pages/parts/player/PlayerPart.tsx b/src/pages/parts/player/PlayerPart.tsx
index 66c7234f..ed54b4e3 100644
--- a/src/pages/parts/player/PlayerPart.tsx
+++ b/src/pages/parts/player/PlayerPart.tsx
@@ -1,4 +1,5 @@
 import { ReactNode, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 import { BrandPill } from "@/components/layout/BrandPill";
 import { Player } from "@/components/player";
@@ -31,6 +32,8 @@ export function PlayerPart(props: PlayerPartProps) {
   );
   const isLoading = usePlayerStore((s) => s.mediaPlaying.isLoading);
   const { isHost, enabled } = useWatchPartyStore();
+  const { t } = useTranslation();
+  const meta = usePlayerStore((s) => s.meta);
 
   const inControl = !enabled || isHost;
 
@@ -118,6 +121,15 @@ export function PlayerPart(props: PlayerPartProps) {
             <span className="text mx-3 text-type-secondary">/</span>
             <Player.Title />
 
+            {isMobile && meta?.type === "show" && (
+              <span className="text-type-secondary text-sm whitespace-nowrap flex-shrink-0">
+                {t("media.episodeDisplay", {
+                  season: meta?.season?.number,
+                  episode: meta?.episode?.number,
+                })}
+              </span>
+            )}
+
             <Player.InfoButton />
 
             <Player.BookmarkButton />