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

refactor: simplify the logic

Browse source
This commit is contained in:
kKaskak 2024-01-17 23:04:34 +02:00
parent 69e90e8d8b
commit 15cdd4f70a
2 changed files with 12 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/routes/Player/Player.js
View file

@ -632,13 +632,11 @@ const Player = ({ urlParams, queryParams }) => {
null
}
{
immersed ?
video.state.volume !== null && overlayHidden ?
<VolumeChangeIndicator
muted={video.state.muted}
volume={video.state.volume}
onVolumeChangeRequested={onVolumeChangeRequested}
immersed={immersed}
menusOpen={menusOpen}
/>
:
null

23
src/routes/Player/VolumeChangeIndicator/VolumeChangeIndicator.js
View file

@ -8,23 +8,26 @@ const PropTypes = require('prop-types');
const styles = require('./styles');
const { useBinaryState } = require('stremio/common');
const VolumeChangeIndicator = React.memo(({ muted, onVolumeChangeRequested, volume, menusOpen, immersed }) => {
const VolumeChangeIndicator = React.memo(({ muted, onVolumeChangeRequested, volume }) => {
const [volumeIndicatorOpen, openVolumeIndicator, closeVolumeIndicator] = useBinaryState(false);
const volumeChangeTimeout = React.useRef(null);
const prevVolume = React.useRef(volume);
React.useEffect(() => {
if (immersed && !menusOpen) openVolumeIndicator();
if (prevVolume.current !== volume) {
openVolumeIndicator();
if (volumeChangeTimeout.current) clearTimeout(volumeChangeTimeout.current);
volumeChangeTimeout.current = setTimeout(closeVolumeIndicator, 1500);
}
if (volumeChangeTimeout.current) clearTimeout(volumeChangeTimeout.current);
volumeChangeTimeout.current = setTimeout(closeVolumeIndicator, 1500);
}, [volume, menusOpen, immersed]);
prevVolume.current = volume;
}, [volume]);
React.useEffect(() => {
return () => {
if (volumeChangeTimeout.current) clearTimeout(volumeChangeTimeout.current);
};
}, [volume]);
}, []);
return (
<React.Fragment>
@ -54,9 +57,5 @@ module.exports = VolumeChangeIndicator;
VolumeChangeIndicator.propTypes = {
muted: PropTypes.bool,
onVolumeChangeRequested: PropTypes.func,
volume: PropTypes.number,
menusOpen: PropTypes.bool,
immersed: PropTypes.bool,
openVolumeIndicator: PropTypes.func,
closeVolumeIndicator: PropTypes.func
volume: PropTypes.number
};