stream.place
Live video on the AT Protocol
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
PictureInPicture2,
18
} from "lucide-react-native";
19
import { Platform, Pressable } from "react-native";
20
import { VolumeSlider } from "./volume-slider";
21
22
import { Mu } from "./mu";
···
48
const danmuUnlocked = useDanmuUnlocked();
49
const danmuEnabled = useDanmuEnabled();
50
const setDanmuEnabled = useSetDanmuEnabled();
51
52
return (
53
<View
···
58
]}
59
>
60
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[4]]}>
61
-
<VolumeSlider />
62
</View>
63
64
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[3]]}>
···
17
PictureInPicture2,
18
} from "lucide-react-native";
19
import { Platform, Pressable } from "react-native";
20
+
import { useIsSidebarCollapsed } from "store/hooks";
21
import { VolumeSlider } from "./volume-slider";
22
23
import { Mu } from "./mu";
···
49
const danmuUnlocked = useDanmuUnlocked();
50
const danmuEnabled = useDanmuEnabled();
51
const setDanmuEnabled = useSetDanmuEnabled();
52
+
const sidebarCollapsed = useIsSidebarCollapsed();
53
54
return (
55
<View
···
60
]}
61
>
62
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[4]]}>
63
+
<VolumeSlider key={String(sidebarCollapsed)} />
64
</View>
65
66
<View style={[layout.flex.row, layout.flex.alignCenter, gap.all[3]]}>