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

refactor(EpisodePicker): simplify

Browse source
This commit is contained in:
Timothy Z. 2025-04-01 11:57:37 +03:00
parent 7915424fa4
commit 4eca979d97
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/routes/MetaDetails/StreamsList/EpisodePicker/EpisodePicker.tsx
View file

@ -35,19 +35,33 @@ const EpisodePicker = ({ className, onSubmit }: Props) => {
setEpisode(parseInt(event.target.value)); setEpisode(parseInt(event.target.value));
}, []); }, []);
const disabled = useMemo(() => {
return season === initialSeason && episode === initialEpisode;
}, [season, episode, initialSeason, initialEpisode]);
const handleSubmit = () => { const handleSubmit = () => {
onSubmit(season, episode); onSubmit(season, episode);
}; };
const disabled = season === initialSeason && episode === initialEpisode;
return ( return (
<div className={className}> <div className={className}>
<NumberInput min={0} label={t('SEASON')} defaultValue={season} onChange={handleSeasonChange} showButtons /> <NumberInput
<NumberInput min={1} label={t('EPISODE')} defaultValue={episode} onChange={handleEpisodeChange} showButtons /> min={0}
<Button className={styles['button-container']} onClick={handleSubmit} disabled={disabled}> label={t('SEASON')}
defaultValue={season}
onChange={handleSeasonChange}
showButtons
/>
<NumberInput
min={1}
label={t('EPISODE')}
defaultValue={episode}
onChange={handleEpisodeChange}
showButtons
/>
<Button
className={styles['button-container']}
onClick={handleSubmit}
disabled={disabled}
>
<div className={styles['label']}>{t('SIDEBAR_SHOW_STREAMS')}</div> <div className={styles['label']}>{t('SIDEBAR_SHOW_STREAMS')}</div>
</Button> </Button>
</div> </div>