mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 21:27:05 +00:00
refactor(EpisodePicker): simplify
This commit is contained in:
parent
7915424fa4
commit
4eca979d97
1 changed files with 21 additions and 7 deletions
|
|
@ -35,19 +35,33 @@ const EpisodePicker = ({ className, onSubmit }: Props) => {
|
|||
setEpisode(parseInt(event.target.value));
|
||||
}, []);
|
||||
|
||||
const disabled = useMemo(() => {
|
||||
return season === initialSeason && episode === initialEpisode;
|
||||
}, [season, episode, initialSeason, initialEpisode]);
|
||||
|
||||
const handleSubmit = () => {
|
||||
onSubmit(season, episode);
|
||||
};
|
||||
|
||||
const disabled = season === initialSeason && episode === initialEpisode;
|
||||
|
||||
return (
|
||||
<div className={className}>
|
||||
<NumberInput min={0} 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}>
|
||||
<NumberInput
|
||||
min={0}
|
||||
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>
|
||||
</Button>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue