Live video on the AT Protocol
stream.place
reorganize player a bit, move safeareaview down
+29
-30
js/app/components/mobile/player.tsx
+29
-30
js/app/components/mobile/player.tsx
···
55
}, [userIsLive]);
56
57
const navigation = useNavigation();
58
-
const setSidebarHidden = useStore((state) => state.setSidebarHidden);
59
-
const setSidebarUnhidden = useStore((state) => state.setSidebarUnhidden);
60
61
useEffect(() => {
62
return () => {
···
128
<LivestreamProvider src={props.src ?? ""}>
129
<StatusBar hidden={true} />
130
<PlayerProvider defaultId={props.playerId || undefined}>
131
-
<SafeAreaView
132
-
edges={["right", "top", "left"]}
133
style={{
134
flexDirection: chatVisible ? "row" : "column",
135
flex: 1,
···
150
) : (
151
<MobileUi />
152
)}
153
-
</SafeAreaView>
154
</PlayerProvider>
155
</LivestreamProvider>
156
</RotationProvider>
···
257
},
258
]}
259
>
260
-
<PlayerInnerInner {...props}>
261
-
{showFullDesktopMode || fullscreen ? (
262
-
<DesktopUi dropdownPortalContainer={dropdownPortalRef.current} />
263
-
) : (
264
-
isLandscape && (
265
-
<MobileUi
266
-
setShowChat={props.setShowChat}
267
-
showChat={props.showChat}
268
-
/>
269
-
)
270
-
)}
271
-
<PlayerUI.ViewerLoadingOverlay />
272
-
<OfflineCounter isMobile={true} />
273
-
<View
274
-
ref={dropdownPortalRef}
275
-
style={{
276
-
position: "absolute",
277
-
top: 0,
278
-
left: 0,
279
-
right: 0,
280
-
bottom: 0,
281
-
pointerEvents: "none",
282
-
}}
283
-
/>
284
-
</PlayerInnerInner>
285
</Animated.View>
286
{showFullDesktopMode && (
287
<BottomMetadata
···
55
}, [userIsLive]);
56
57
const navigation = useNavigation();
58
59
useEffect(() => {
60
return () => {
···
126
<LivestreamProvider src={props.src ?? ""}>
127
<StatusBar hidden={true} />
128
<PlayerProvider defaultId={props.playerId || undefined}>
129
+
<View
130
style={{
131
flexDirection: chatVisible ? "row" : "column",
132
flex: 1,
···
147
) : (
148
<MobileUi />
149
)}
150
+
</View>
151
</PlayerProvider>
152
</LivestreamProvider>
153
</RotationProvider>
···
254
},
255
]}
256
>
257
+
<SafeAreaView edges={["left", "right", "top"]} style={{ flex: 1 }}>
258
+
<PlayerInnerInner {...props}>
259
+
{showFullDesktopMode || fullscreen ? (
260
+
<DesktopUi dropdownPortalContainer={dropdownPortalRef.current} />
261
+
) : (
262
+
isLandscape && (
263
+
<MobileUi
264
+
setShowChat={props.setShowChat}
265
+
showChat={props.showChat}
266
+
/>
267
+
)
268
+
)}
269
+
<PlayerUI.ViewerLoadingOverlay />
270
+
<OfflineCounter isMobile={true} />
271
+
<View
272
+
ref={dropdownPortalRef}
273
+
style={{
274
+
position: "absolute",
275
+
top: 0,
276
+
left: 0,
277
+
right: 0,
278
+
bottom: 0,
279
+
pointerEvents: "none",
280
+
}}
281
+
/>
282
+
</PlayerInnerInner>
283
+
</SafeAreaView>
284
</Animated.View>
285
{showFullDesktopMode && (
286
<BottomMetadata