diff --git a/src/components/video/controls/PageTitleControl.tsx b/src/components/video/controls/PageTitleControl.tsx index cbbee11f..7f8305c7 100644 --- a/src/components/video/controls/PageTitleControl.tsx +++ b/src/components/video/controls/PageTitleControl.tsx @@ -7,12 +7,12 @@ interface PageTitleControlProps { } export function PageTitleControl(props: PageTitleControlProps) { - const { isSeries, episodeIdentifier } = useCurrentSeriesEpisodeInfo(); + const { isSeries, humanizedEpisodeId } = useCurrentSeriesEpisodeInfo(); if (!props.media) return null; const title = isSeries - ? `${props.media.title} - ${episodeIdentifier}` + ? `${props.media.title} - ${humanizedEpisodeId}` : props.media.title; return ( diff --git a/src/components/video/controls/ShowTitleControl.tsx b/src/components/video/controls/ShowTitleControl.tsx index 37d76fad..dbaa5399 100644 --- a/src/components/video/controls/ShowTitleControl.tsx +++ b/src/components/video/controls/ShowTitleControl.tsx @@ -1,14 +1,14 @@ import { useCurrentSeriesEpisodeInfo } from "../hooks/useCurrentSeriesEpisodeInfo"; export function ShowTitleControl() { - const { isSeries, currentEpisodeInfo, episodeIdentifier } = + const { isSeries, currentEpisodeInfo, humanizedEpisodeId } = useCurrentSeriesEpisodeInfo(); if (!isSeries) return null; return (
- {episodeIdentifier} + {humanizedEpisodeId} {currentEpisodeInfo?.title}
); diff --git a/src/components/video/hooks/useCurrentSeriesEpisodeInfo.ts b/src/components/video/hooks/useCurrentSeriesEpisodeInfo.ts index e6b00c16..a1e432d1 100644 --- a/src/components/video/hooks/useCurrentSeriesEpisodeInfo.ts +++ b/src/components/video/hooks/useCurrentSeriesEpisodeInfo.ts @@ -22,11 +22,11 @@ export function useCurrentSeriesEpisodeInfo() { if (!isSeries) return { isSeries: false }; - const episodeIdentifier = `S${currentSeasonInfo?.number} E${currentEpisodeInfo?.number}`; + const humanizedEpisodeId = `S${currentSeasonInfo?.number} E${currentEpisodeInfo?.number}`; return { isSeries: true, - episodeIdentifier, + humanizedEpisodeId, currentSeasonInfo, currentEpisodeInfo, };