added insets, photo working

1 files changed, 22 insertions, 12 deletions

diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx
index 3d791f3c..8281ca85 100644
--- a/src/screens/chat/ChatScreen.tsx
+++ b/src/screens/chat/ChatScreen.tsx
@@ -1,6 +1,6 @@
 import {useBottomTabBarHeight} from '@react-navigation/bottom-tabs';
 import {StackNavigationProp} from '@react-navigation/stack';
-import React, {useContext} from 'react';
+import React, {Fragment, useContext} from 'react';
 import {StyleSheet, View} from 'react-native';
 import {SafeAreaView} from 'react-native-safe-area-context';
 import {
@@ -8,6 +8,7 @@ import {
   Chat,
   MessageInput,
   MessageList,
+  OverlayProvider,
 } from 'stream-chat-react-native';
 import {ChatContext} from '../../App';
 import UpArrowIcon from '../../assets/icons/up_arrow.svg';
@@ -41,6 +42,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
       <UpArrowIcon color={'white'} />
     </View>
   );
+  // const insets = useSafeAreaInsets();
 
   return (
     <SafeAreaView
@@ -51,17 +53,25 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
       ]}>
       <ChatHeader screenType={ScreenType.Chat} />
       <Chat client={chatClient} style={chatTheme}>
-        <Channel
-          channel={channel}
-          keyboardVerticalOffset={0}
-          messageActions={({copyMessage, deleteMessage}) => [
-            copyMessage,
-            deleteMessage,
-          ]}>
-          <MessageList onThreadSelect={() => {}} />
-          {/* <MessageInput Input={ChatInput} /> */}
-          <MessageInput SendButton={SendButton} />
-        </Channel>
+        <OverlayProvider
+          FileSelectorIcon={Fragment}
+          // topInset={insets.top}
+          topInset={0}
+          bottomInset={0}>
+          <Channel
+            channel={channel}
+            keyboardVerticalOffset={0}
+            OverlayReactionList={Fragment}
+            messageActions={({copyMessage, deleteMessage}) => [
+              copyMessage,
+              deleteMessage,
+            ]}
+            Attachment={Fragment}>
+            <MessageList onThreadSelect={() => {}} />
+            {/* <MessageInput Input={ChatInput} /> */}
+            <MessageInput SendButton={SendButton} />
+          </Channel>
+        </OverlayProvider>
       </Chat>
     </SafeAreaView>
   );