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

seasonBar: Show season special at the end of the list.

Browse source 
Specials are labeled as season '0', so this commit changes how the list
is sorted, making the season 0 go to the end of the list, and labelling
it as "Specials" instead of "Season 0".

Fixes: #195
This commit is contained in:
Clara Moraes 2021-03-20 14:42:32 -03:00
parent 1636bf8dd0
commit 362f4c3de2
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBar.js
View file

@ -12,7 +12,7 @@ const SeasonsBar = ({ className, seasons, season, onSelect }) => {
const options = React.useMemo(() => { const options = React.useMemo(() => {
return seasons.map((season) => ({ return seasons.map((season) => ({
value: String(season), value: String(season),
label: `Season ${season}` label: season > 0 ? `Season ${season}` : `Specials`
})); }));
}, [seasons]); }, [seasons]);
const selected = React.useMemo(() => { const selected = React.useMemo(() => {
@ -53,7 +53,7 @@ const SeasonsBar = ({ className, seasons, season, onSelect }) => {
</Button> </Button>
<Multiselect <Multiselect
className={styles['seasons-popup-label-container']} className={styles['seasons-popup-label-container']}
title={`Season ${season}`} title={season > 0 ? `Season ${season}` : `Specials`}
options={options} options={options}
selected={selected} selected={selected}
onSelect={seasonOnSelect} onSelect={seasonOnSelect}

2
src/routes/MetaDetails/VideosList/VideosList.js
View file

@ -25,7 +25,7 @@ const VideosList = ({ className, metaItem, season, seasonOnSelect }) => {
typeof season === 'number' && typeof season === 'number' &&
seasons.indexOf(season) === index; seasons.indexOf(season) === index;
}) })
.sort((a, b) => a - b); .sort((a, b) => (a || Number.MAX_SAFE_INTEGER) - (b || Number.MAX_SAFE_INTEGER));
}, [videos]); }, [videos]);
const selectedSeason = React.useMemo(() => { const selectedSeason = React.useMemo(() => {
return seasons.includes(season) ? return seasons.includes(season) ?