p-stream/src/components/player/atoms/EpisodeTitle.tsx
mrjvs 0a3155d399 meta data shown correctly
Co-authored-by: Jip Frijlink <JipFr@users.noreply.github.com>
2023-10-08 18:16:30 +02:00

24 lines
606 B
TypeScript

import { useTranslation } from "react-i18next";
import { usePlayerStore } from "@/stores/player/store";
export function EpisodeTitle() {
const { t } = useTranslation();
const meta = usePlayerStore((s) => s.meta);
if (meta?.type !== "show") return null;
return (
<div>
<span className="text-white font-medium mr-3">
{t("seasons.seasonAndEpisode", {
season: meta?.season?.number,
episode: meta?.episode?.number,
})}
</span>
<span className="text-type-secondary font-medium">
{meta?.episode?.title}
</span>
</div>
);
}