fix: respect volume wheel step for volume hotkey

This commit is contained in:
Kendall Garner
2026-01-08 08:09:39 -08:00
parent 6442728931
commit eca925a4eb
@@ -358,7 +358,7 @@ const VolumeButton = () => {
const muted = usePlayerMuted(); const muted = usePlayerMuted();
const volumeWheelStep = useVolumeWheelStep(); const volumeWheelStep = useVolumeWheelStep();
const volumeWidth = useVolumeWidth(); const volumeWidth = useVolumeWidth();
const { mediaToggleMute, setVolume } = usePlayer(); const { decreaseVolume, increaseVolume, mediaToggleMute, setVolume } = usePlayer();
const isMinWidth = useMediaQuery('(max-width: 480px)'); const isMinWidth = useMediaQuery('(max-width: 480px)');
const [sliderValue, setSliderValue] = useState(volume); const [sliderValue, setSliderValue] = useState(volume);
@@ -376,12 +376,12 @@ const VolumeButton = () => {
}, [volume]); }, [volume]);
const handleVolumeDown = useCallback(() => { const handleVolumeDown = useCallback(() => {
setVolume(Math.max(0, volume - 1)); decreaseVolume(volumeWheelStep);
}, [setVolume, volume]); }, [decreaseVolume, volumeWheelStep]);
const handleVolumeUp = useCallback(() => { const handleVolumeUp = useCallback(() => {
setVolume(Math.min(100, volume + 1)); increaseVolume(volumeWheelStep);
}, [setVolume, volume]); }, [increaseVolume, volumeWheelStep]);
const handleVolumeSlider = useCallback((e: number) => { const handleVolumeSlider = useCallback((e: number) => {
setSliderValue(e); setSliderValue(e);