import { Text, View } from "tamagui"; import { usePlayerStore } from "~/stores/player/store"; import { BrandPill } from "../BrandPill"; import { BackButton } from "./BackButton"; import { Controls } from "./Controls"; import { mapSeasonAndEpisodeNumberToText } from "./utils"; export const Header = () => { const isIdle = usePlayerStore((state) => state.interface.isIdle); const meta = usePlayerStore((state) => state.meta); if (!isIdle) { return ( {meta && ( {meta.title} ({meta.releaseYear}){" "} {meta.season !== undefined && meta.episode !== undefined ? mapSeasonAndEpisodeNumberToText( meta.season.number, meta.episode.number, ) : ""} )} ); } };