mirror of
https://github.com/sussy-code/smov.git
synced 2024-12-24 15:17:41 +01:00
25 lines
770 B
TypeScript
25 lines
770 B
TypeScript
import { getEpisodeFromMedia, MWMedia } from "providers";
|
|
import { useWatchedContext, getWatchedFromPortable } from "state/watched";
|
|
import { Episode } from "./EpisodeButton";
|
|
|
|
export interface WatchedEpisodeProps {
|
|
media: MWMedia;
|
|
onClick?: () => void;
|
|
active?: boolean;
|
|
}
|
|
|
|
export function WatchedEpisode(props: WatchedEpisodeProps) {
|
|
const { watched } = useWatchedContext();
|
|
const foundWatched = getWatchedFromPortable(watched.items, props.media);
|
|
const episode = getEpisodeFromMedia(props.media);
|
|
const watchedPercentage = (foundWatched && foundWatched.percentage) || 0;
|
|
|
|
return (
|
|
<Episode
|
|
progress={watchedPercentage}
|
|
episodeNumber={episode?.episode?.sort ?? 1}
|
|
active={props.active}
|
|
onClick={props.onClick}
|
|
/>
|
|
);
|
|
}
|