|
@@ -820,45 +820,35 @@ const ChatScreen = ({ route }: { route: any }) => {
|
|
|
|
|
|
return (
|
|
|
<View
|
|
|
- style={[
|
|
|
- currentMessage.reactions &&
|
|
|
- Array.isArray(currentMessage.reactions) &&
|
|
|
- currentMessage.reactions.length > 0
|
|
|
- ? { paddingBottom: 15 }
|
|
|
- : {}
|
|
|
- ]}
|
|
|
+ ref={(ref) => {
|
|
|
+ if (ref && currentMessage) {
|
|
|
+ messageRefs.current[currentMessage._id] = ref;
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ collapsable={false}
|
|
|
>
|
|
|
- <View
|
|
|
- ref={(ref) => {
|
|
|
- if (ref && currentMessage) {
|
|
|
- messageRefs.current[currentMessage._id] = ref;
|
|
|
+ <Bubble
|
|
|
+ {...props}
|
|
|
+ wrapperStyle={{
|
|
|
+ right: {
|
|
|
+ backgroundColor: backgroundColor
|
|
|
+ },
|
|
|
+ left: {
|
|
|
+ backgroundColor: backgroundColor
|
|
|
}
|
|
|
}}
|
|
|
- collapsable={false}
|
|
|
- >
|
|
|
- <Bubble
|
|
|
- {...props}
|
|
|
- wrapperStyle={{
|
|
|
- right: {
|
|
|
- backgroundColor: backgroundColor
|
|
|
- },
|
|
|
- left: {
|
|
|
- backgroundColor: backgroundColor
|
|
|
- }
|
|
|
- }}
|
|
|
- textStyle={{
|
|
|
- left: {
|
|
|
- color: Colors.DARK_BLUE
|
|
|
- },
|
|
|
- right: {
|
|
|
- color: Colors.FILL_LIGHT
|
|
|
- }
|
|
|
- }}
|
|
|
- onLongPress={() => handleLongPress(currentMessage, props)}
|
|
|
- renderTicks={() => null}
|
|
|
- renderTime={renderTimeContainer}
|
|
|
- />
|
|
|
- </View>
|
|
|
+ textStyle={{
|
|
|
+ left: {
|
|
|
+ color: Colors.DARK_BLUE
|
|
|
+ },
|
|
|
+ right: {
|
|
|
+ color: Colors.FILL_LIGHT
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ onLongPress={() => handleLongPress(currentMessage, props)}
|
|
|
+ renderTicks={() => null}
|
|
|
+ renderTime={renderTimeContainer}
|
|
|
+ />
|
|
|
</View>
|
|
|
);
|
|
|
};
|