Live video on the AT Protocol
stream.place
Move touchable without feedback to more targeted spot
+24
-24
js/app/components/mobile/chat.tsx
+24
-24
js/app/components/mobile/chat.tsx
···
46
}));
47
48
return (
49
-
<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
50
-
<Animated.View
51
-
style={[
52
-
layout.position.absolute,
53
-
position.right[0],
54
-
{
55
-
top: safeAreaInsets.top,
56
-
bottom: safeAreaInsets.bottom,
57
-
right: safeAreaInsets.right / 2,
58
-
width: chatPanelWidth,
59
-
backgroundColor: "rgba(0, 0, 0, 0.85)",
60
-
borderLeftWidth: 1,
61
-
borderLeftColor: "rgba(255, 255, 255, 0.1)",
62
-
zIndex: 999,
63
-
},
64
-
animatedSidebarStyle,
65
-
]}
66
-
>
67
-
<View style={{ flex: 1, position: "relative" }}>
68
-
<ChatPanel />
69
-
</View>
70
-
</Animated.View>
71
-
</TouchableWithoutFeedback>
72
);
73
}
74
···
114
...(shouldShowChatSidePanel ? [px[4]] : []),
115
]}
116
>
117
-
<Chat canModerate={false} />
118
<View style={[layout.flex.column, gap.all[2], px[4]]}>
119
<ChatBox chatBoxStyle={{ borderRadius: borderRadius.xl }} />
120
</View>
···
46
}));
47
48
return (
49
+
<Animated.View
50
+
style={[
51
+
layout.position.absolute,
52
+
position.right[0],
53
+
{
54
+
top: safeAreaInsets.top,
55
+
bottom: safeAreaInsets.bottom,
56
+
right: safeAreaInsets.right / 2,
57
+
width: chatPanelWidth,
58
+
backgroundColor: "rgba(0, 0, 0, 0.85)",
59
+
borderLeftWidth: 1,
60
+
borderLeftColor: "rgba(255, 255, 255, 0.1)",
61
+
zIndex: 999,
62
+
},
63
+
animatedSidebarStyle,
64
+
]}
65
+
>
66
+
<View style={{ flex: 1, position: "relative" }}>
67
+
<ChatPanel />
68
+
</View>
69
+
</Animated.View>
70
);
71
}
72
···
112
...(shouldShowChatSidePanel ? [px[4]] : []),
113
]}
114
>
115
+
<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
116
+
<Chat canModerate={false} />
117
+
</TouchableWithoutFeedback>
118
<View style={[layout.flex.column, gap.all[2], px[4]]}>
119
<ChatBox chatBoxStyle={{ borderRadius: borderRadius.xl }} />
120
</View>