Page MenuHomePhorge
Files F33030807

D6538.1768401843.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D6538.1768401843.diff
View Options

diff --git a/native/chat/message-reactions-modal.react.js b/native/chat/message-reactions-modal.react.js
--- a/native/chat/message-reactions-modal.react.js
+++ b/native/chat/message-reactions-modal.react.js
@@ -4,6 +4,7 @@
import { useNavigation } from '@react-navigation/native';
import * as React from 'react';
import { View, Text, FlatList, TouchableHighlight } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
import type { MessageReactionInfo } from 'lib/selectors/chat-selectors';
import { useMessageReactionsList } from 'lib/shared/reaction-utils';
@@ -28,7 +29,8 @@
const colors = useColors();
const navigation = useNavigation();
- const safeAreaEdges = React.useMemo(() => ['top'], []);
+ const modalSafeAreaEdges = React.useMemo(() => ['top'], []);
+ const modalContainerSafeAreaEdges = React.useMemo(() => ['bottom'], []);
const close = React.useCallback(() => navigation.goBack(), [navigation]);
@@ -58,24 +60,26 @@
<Modal
modalStyle={styles.modalStyle}
containerStyle={styles.modalContainerStyle}
- safeAreaEdges={safeAreaEdges}
+ safeAreaEdges={modalSafeAreaEdges}
>
- <View style={styles.modalContentContainer}>
- <Text style={styles.reactionsListTitleText}>Reactions</Text>
- <TouchableHighlight
- onPress={close}
- style={styles.closeButton}
- underlayColor={colors.modalIosHighlightUnderlay}
- >
- <Icon name="close" size={16} style={styles.closeIcon} />
- </TouchableHighlight>
- </View>
- <FlatList
- data={reactionsListData}
- renderItem={renderItem}
- ItemSeparatorComponent={itemSeperator}
- contentContainerStyle={styles.reactionsListContentContainer}
- />
+ <SafeAreaView edges={modalContainerSafeAreaEdges}>
+ <View style={styles.modalContentContainer}>
+ <Text style={styles.reactionsListTitleText}>Reactions</Text>
+ <TouchableHighlight
+ onPress={close}
+ style={styles.closeButton}
+ underlayColor={colors.modalIosHighlightUnderlay}
+ >
+ <Icon name="close" size={16} style={styles.closeIcon} />
+ </TouchableHighlight>
+ </View>
+ <FlatList
+ data={reactionsListData}
+ renderItem={renderItem}
+ ItemSeparatorComponent={itemSeperator}
+ contentContainerStyle={styles.reactionsListContentContainer}
+ />
+ </SafeAreaView>
</Modal>
);
}

File Metadata

Mime Type
text/plain
Expires
Wed, Jan 14, 2:44 PM (5 h, 9 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5930145
Default Alt Text
D6538.1768401843.diff (2 KB)

Event Timeline