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

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

View file

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

View file

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