mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-20 06:32:11 +00:00
Restrict new volume boost logic only when shell is active
This commit is contained in:
parent
2f010168a3
commit
3375415bdc
1 changed files with 5 additions and 2 deletions
|
|
@ -5,13 +5,16 @@ const PropTypes = require('prop-types');
|
|||
const classnames = require('classnames');
|
||||
const debounce = require('lodash.debounce');
|
||||
const { useRouteFocused } = require('stremio-router');
|
||||
const { useServices } = require('stremio/services');
|
||||
const { Slider } = require('stremio/components');
|
||||
const styles = require('./styles');
|
||||
|
||||
const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
|
||||
const { shell } = useServices();
|
||||
const disabled = volume === null || isNaN(volume);
|
||||
const routeFocused = useRouteFocused();
|
||||
const [slidingVolume, setSlidingVolume] = React.useState(null);
|
||||
const maxVolume = shell.active ? 200: 100;
|
||||
const resetVolumeDebounced = React.useCallback(debounce(() => {
|
||||
setSlidingVolume(null);
|
||||
}, 100), []);
|
||||
|
|
@ -50,11 +53,11 @@ const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
|
|||
100
|
||||
}
|
||||
minimumValue={0}
|
||||
maximumValue={200}
|
||||
maximumValue={maxVolume}
|
||||
disabled={disabled}
|
||||
onSlide={onSlide}
|
||||
onComplete={onComplete}
|
||||
isVolumeSlider
|
||||
isVolumeSlider={!!shell.active}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue