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

feat: Player - Volume slider - on muted show 0 volume

Browse source 
Signed-off-by: Lachezar Lechev <lachezar@ambire.com>
This commit is contained in:
Lachezar Lechev 2025-02-06 12:16:29 +02:00
parent 27b6942fcd
commit 4081396ae0
No known key found for this signature in database
GPG key ID: FDC9325CE311E8A4
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/routes/Player/ControlBar/ControlBar.js
View file

@ -138,6 +138,7 @@ const ControlBar = ({
<VolumeSlider
className={styles['volume-slider']}
volume={volume}
muted={muted}
onVolumeChangeRequested={onVolumeChangeRequested}
/>
<div className={styles['spacing']} />

9
src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js
View file

@ -8,7 +8,7 @@ const { useRouteFocused } = require('stremio-router');
const { Slider } = require('stremio/components');
const styles = require('./styles');
const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
const VolumeSlider = ({ className, volume, onVolumeChangeRequested, muted }) => {
const disabled = volume === null || isNaN(volume);
const routeFocused = useRouteFocused();
const [slidingVolume, setSlidingVolume] = React.useState(null);
@ -45,7 +45,9 @@ const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
className={classnames(className, styles['volume-slider'], { 'active': slidingVolume !== null })}
value={
!disabled ?
slidingVolume !== null ? slidingVolume : volume
!muted ?
slidingVolume !== null ? slidingVolume : volume
: 0
:
100
}
@ -61,7 +63,8 @@ const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
VolumeSlider.propTypes = {
className: PropTypes.string,
volume: PropTypes.number,
onVolumeChangeRequested: PropTypes.func
onVolumeChangeRequested: PropTypes.func,
muted: PropTypes.bool,
};
module.exports = VolumeSlider;