diff --git a/apps/expo/src/app/videoPlayer.tsx b/apps/expo/src/app/videoPlayer.tsx index 2768219..cac3b33 100644 --- a/apps/expo/src/app/videoPlayer.tsx +++ b/apps/expo/src/app/videoPlayer.tsx @@ -28,9 +28,16 @@ interface VideoPlayerProps { data: ItemData | null; } +interface HeaderInfo { + title: string; + season?: number; + episode?: number; +} + const VideoPlayer: React.FC = ({ data }) => { const [videoSrc, setVideoSrc] = useState(); const [isLoading, setIsLoading] = useState(true); + const [headerInfo, setHeaderInfo] = useState({ title: "" }); const router = useRouter(); const setVideoRef = usePlayerStore((state) => state.setVideoRef); const setStatus = usePlayerStore((state) => state.setStatus); @@ -66,6 +73,14 @@ const VideoPlayer: React.FC = ({ data }) => { episode, ); + setHeaderInfo({ + title: data.title, + ...(scrapeMedia.type === "show" && { + season: scrapeMedia.season.number, + episode: scrapeMedia.episode.number, + }), + }); + const stream = await getVideoStream({ media: scrapeMedia, forceVTT: true, @@ -145,7 +160,15 @@ const VideoPlayer: React.FC = ({ data }) => { onTouchStart={() => setIsIdle(false)} /> {isLoading && } - {!isLoading && data &&
} + {!isLoading && data && ( +
+ )} {!isLoading && } );