p-stream/src/components/player/atoms/EpisodeTitle.tsx
Jip Fr 4813d9dbfe RTL text
Co-authored-by: mrjvs <mistrjvs@gmail.com>
2023-12-16 15:27:42 +01:00

24 lines
620 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 className="flex gap-3">
<span className="text-white font-medium">
{t("media.episodeDisplay", {
season: meta?.season?.number,
episode: meta?.episode?.number,
})}
</span>
<span className="text-type-secondary font-medium">
{meta?.episode?.title}
</span>
</div>
);
}