stream.place
Live video on the AT Protocol
Merge pull request #931 from streamplace/natb/remount-volume-slider
fix: remount volume slider on sidebar toggle to fix drag offset
+3
-1
js/app/components/mobile/desktop-ui/bottom-controls.tsx
+3
-1
js/app/components/mobile/desktop-ui/bottom-controls.tsx
···
17
17
PictureInPicture2,
18
18
} from "lucide-react-native";
19
19
import { Platform, Pressable } from "react-native";
20
+
import { useIsSidebarCollapsed } from "store/hooks";
20
21
import { VolumeSlider } from "./volume-slider";
21
22
22
23
import { Mu } from "./mu";
···
48
49
const danmuUnlocked = useDanmuUnlocked();
49
50
const danmuEnabled = useDanmuEnabled();
50
51
const setDanmuEnabled = useSetDanmuEnabled();
52
+
const sidebarCollapsed = useIsSidebarCollapsed();
51
53
52
54
return (
53
55
<View
···
58
60
]}
59
61
>
60
62
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[4]]}>
61
-
<VolumeSlider />
63
+
<VolumeSlider key={String(sidebarCollapsed)} />
62
64
</View>
63
65
64
66
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[3]]}>