Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-05-13 06:51:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

show season and ep on mobile by title

Browse source
This commit is contained in:
Pas 2026-01-10 18:03:30 -07:00
parent 050c4cc3a8
commit d591bc9e4e
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/pages/parts/player/PlayerPart.tsx
View file

@ -1,4 +1,5 @@
import { ReactNode, useRef, useState } from "react"; import { ReactNode, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import { BrandPill } from "@/components/layout/BrandPill"; import { BrandPill } from "@/components/layout/BrandPill";
import { Player } from "@/components/player"; import { Player } from "@/components/player";
@ -31,6 +32,8 @@ export function PlayerPart(props: PlayerPartProps) {
); );
const isLoading = usePlayerStore((s) => s.mediaPlaying.isLoading); const isLoading = usePlayerStore((s) => s.mediaPlaying.isLoading);
const { isHost, enabled } = useWatchPartyStore(); const { isHost, enabled } = useWatchPartyStore();
const { t } = useTranslation();
const meta = usePlayerStore((s) => s.meta);
const inControl = !enabled || isHost; const inControl = !enabled || isHost;
@ -118,6 +121,15 @@ export function PlayerPart(props: PlayerPartProps) {
<span className="text mx-3 text-type-secondary">/</span> <span className="text mx-3 text-type-secondary">/</span>
<Player.Title /> <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.InfoButton />
<Player.BookmarkButton /> <Player.BookmarkButton />