Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 01:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

VideosList optimized with memo

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-11-13 15:33:46 +02:00
parent 8dff925947
commit e86846e29c
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/routes/Detail/VideosList/VideosList.js
View file

@ -9,15 +9,18 @@ const useSelectableSeasons = require('./useSelectableSeasons');
const styles = require('./styles');
const VideosList = ({ className, metaGroup }) => {
const [seasons, selectedSeason, selectSeason] = useSelectableSeasons(metaGroup && metaGroup.content.type === 'Ready' ? metaGroup.content.content.videos : []);
const videosForSeason = React.useMemo(() => {
const videos = React.useMemo(() => {
return metaGroup && metaGroup.content.type === 'Ready' ?
metaGroup.content.content.videos.filter((video) => {
return selectedSeason === null || video.season === selectedSeason;
})
metaGroup.content.content.videos
:
[];
}, [metaGroup, selectedSeason]);
}, [metaGroup]);
const [seasons, selectedSeason, selectSeason] = useSelectableSeasons(videos);
const videosForSeason = React.useMemo(() => {
return videos.filter((video) => {
return selectedSeason === null || video.season === selectedSeason;
});
}, [videos, selectedSeason]);
return (
<div className={classnames(className, styles['videos-list-container'])}>
{
@ -45,7 +48,7 @@ const VideosList = ({ className, metaGroup }) => {
className={styles['seasons-bar']}
season={selectedSeason}
seasons={seasons}
onSeasonChange={setSeason}
onSeasonChange={selectSeason}
/>
:
null