[PAY-1031] Mobile chat list views use full height (#3123)

AudiusProject · Mar 29, 2023 · 81ef3b3 · 81ef3b3
1 parent 41e3f5d
commit 81ef3b3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/mobile/src/screens/chat-screen/ChatListScreen.tsx b/packages/mobile/src/screens/chat-screen/ChatListScreen.tsx
@@ -40,6 +40,9 @@ const useStyles = makeStyles(({ spacing, palette, typography }) => ({
     width: spacing(20),
     alignSelf: 'center'
   },
+  listContainer: {
+    height: '100%'
+  },
   startConversationContainer: {
     marginVertical: spacing(8),
     marginHorizontal: spacing(4),
@@ -128,6 +131,7 @@ export const ChatListScreen = () => {
           {chatsStatus === Status.SUCCESS ? (
             <FlatList
               data={chats}
+              contentContainerStyle={styles.listContainer}
               renderItem={({ item, index }) => <ChatListItem chat={item} />}
               keyExtractor={(item) => item.chat_id}
               ListEmptyComponent={() => (

diff --git a/packages/mobile/src/screens/chat-screen/ChatScreen.tsx b/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
@@ -59,9 +59,10 @@ const useStyles = makeStyles(({ spacing, palette, typography }) => ({
   listContainer: {
     flex: 1
   },
-  flatListContainer: {
+  listContentContainer: {
     paddingHorizontal: spacing(6),
-    display: 'flex'
+    display: 'flex',
+    height: '100%'
   },
   composeView: {
     paddingVertical: spacing(2),
@@ -360,7 +361,7 @@ export const ChatScreen = () => {
               chatMessages?.length > 0 ? (
                 <View style={styles.listContainer}>
                   <FlatList
-                    contentContainerStyle={styles.flatListContainer}
+                    contentContainerStyle={styles.listContentContainer}
                     data={chatMessages}
                     keyExtractor={(message) => message.message_id}
                     renderItem={({ item, index }) => (