mirror of
https://github.com/p-stream/p-stream.git
synced 2026-03-11 17:55:33 +00:00
show season and ep on mobile by title
This commit is contained in:
parent
050c4cc3a8
commit
d591bc9e4e
1 changed files with 12 additions and 0 deletions
|
|
@ -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 />
|
||||
|
|
|
|||
Loading…
Reference in a new issue