mrjvs
3 years ago
15 changed files with 8361 additions and 7893 deletions
@ -0,0 +1,85 @@
@@ -0,0 +1,85 @@
|
||||
import { IconButton } from "components/buttons/IconButton"; |
||||
import { Dropdown } from "components/Dropdown"; |
||||
import { Icons } from "components/Icon"; |
||||
import { Episode } from "components/media/EpisodeButton"; |
||||
import { useLoading } from "hooks/useLoading"; |
||||
import { serializePortableMedia } from "hooks/usePortableMedia"; |
||||
import { |
||||
convertMediaToPortable, |
||||
MWMedia, |
||||
MWMediaSeasons, |
||||
MWPortableMedia, |
||||
} from "providers"; |
||||
import { getSeasonDataFromMedia } from "providers/methods/seasons"; |
||||
import { useEffect, useState } from "react"; |
||||
import { useHistory } from "react-router-dom"; |
||||
|
||||
export interface SeasonsProps { |
||||
media: MWMedia; |
||||
} |
||||
|
||||
export function Seasons(props: SeasonsProps) { |
||||
const [searchSeasons, loading, error, success] = useLoading( |
||||
(portableMedia: MWPortableMedia) => getSeasonDataFromMedia(portableMedia) |
||||
); |
||||
const history = useHistory(); |
||||
const [seasons, setSeasons] = useState<MWMediaSeasons>({ seasons: [] }); |
||||
const seasonSelected = props.media.season as number; |
||||
const episodeSelected = props.media.episode as number; |
||||
|
||||
const [dropdownOpen, setDropdownOpen] = useState(false); |
||||
|
||||
useEffect(() => { |
||||
(async () => { |
||||
const seasonData = await searchSeasons(props.media); |
||||
setSeasons(seasonData); |
||||
})(); |
||||
}, [searchSeasons, props.media]); |
||||
|
||||
function navigateToSeasonAndEpisode(season: number, episode: number) { |
||||
const newMedia: MWMedia = { ...props.media }; |
||||
newMedia.episode = episode; |
||||
newMedia.season = season; |
||||
history.replace( |
||||
`/media/${newMedia.mediaType}/${serializePortableMedia( |
||||
convertMediaToPortable(newMedia) |
||||
)}` |
||||
); |
||||
} |
||||
|
||||
return ( |
||||
<> |
||||
{loading ? <p>Loading...</p> : null} |
||||
{error ? <p>error!</p> : null} |
||||
{success && seasons.seasons.length ? ( |
||||
<> |
||||
<Dropdown |
||||
open={dropdownOpen} |
||||
setOpen={setDropdownOpen} |
||||
selectedItem={`${seasonSelected}`} |
||||
options={seasons.seasons.map((season) => ({ |
||||
id: `${season.seasonNumber}`, |
||||
name: `Season ${season.seasonNumber}`, |
||||
}))} |
||||
setSelectedItem={(id) => |
||||
navigateToSeasonAndEpisode( |
||||
+id, |
||||
seasons.seasons[+id]?.episodes[0].episodeNumber |
||||
) |
||||
} |
||||
/> |
||||
{seasons.seasons[seasonSelected]?.episodes.map((v) => ( |
||||
<Episode |
||||
key={v.episodeNumber} |
||||
episodeNumber={v.episodeNumber} |
||||
active={v.episodeNumber === episodeSelected} |
||||
onClick={() => |
||||
navigateToSeasonAndEpisode(seasonSelected, v.episodeNumber) |
||||
} |
||||
/> |
||||
))} |
||||
</> |
||||
) : null} |
||||
</> |
||||
); |
||||
} |
||||
@ -0,0 +1,39 @@
@@ -0,0 +1,39 @@
|
||||
import { SimpleCache } from "utils/cache"; |
||||
import { MWPortableMedia } from "providers"; |
||||
import { MWMediaSeasons } from "providers/types"; |
||||
import { getProviderFromId } from "./helpers"; |
||||
|
||||
// cache
|
||||
const seasonCache = new SimpleCache<MWPortableMedia, MWMediaSeasons>(); |
||||
seasonCache.setCompare( |
||||
(a, b) => a.mediaId === b.mediaId && a.providerId === b.providerId |
||||
); |
||||
seasonCache.initialize(); |
||||
|
||||
/* |
||||
** get season data from a (portable) media object, seasons and episodes will be sorted |
||||
*/ |
||||
export async function getSeasonDataFromMedia( |
||||
media: MWPortableMedia |
||||
): Promise<MWMediaSeasons> { |
||||
const provider = getProviderFromId(media.providerId); |
||||
if (!provider) { |
||||
return { |
||||
seasons: [], |
||||
}; |
||||
} |
||||
|
||||
if (seasonCache.has(media)) { |
||||
return seasonCache.get(media) as MWMediaSeasons; |
||||
} |
||||
|
||||
const seasonData = await provider.getSeasonDataFromMedia(media); |
||||
seasonData.seasons.sort((a, b) => a.seasonNumber - b.seasonNumber); |
||||
seasonData.seasons.forEach((s) => |
||||
s.episodes.sort((a, b) => a.episodeNumber - b.episodeNumber) |
||||
); |
||||
|
||||
// cache it
|
||||
seasonCache.set(media, seasonData, 60 * 60); // cache it for an hour
|
||||
return seasonData; |
||||
} |
||||
Loading…
Reference in new issue