movie-web/src/components/video/controls/PageTitleControl.tsx

import { MWMediaMeta } from "@/backend/metadata/types";
import { Helmet } from "react-helmet";
import { useCurrentSeriesEpisodeInfo } from "../hooks/useCurrentSeriesEpisodeInfo";

interface PageTitleControlProps {
  media?: MWMediaMeta;
}

export function PageTitleControl(props: PageTitleControlProps) {
  const { isSeries, episodeIdentifier } = useCurrentSeriesEpisodeInfo();

  if (!props.media) return null;

  const title = isSeries
    ? `${props.media.title} - ${episodeIdentifier}`
    : props.media.title;

  return (
    <Helmet>
      <title>{title}</title>
    </Helmet>
  );
}