From 17de7d8312b10f84af2178f769ff92bf96ab47f5 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 9 Apr 2021 19:52:25 -0400
Subject: added our button

---
 src/screens/chat/ChatScreen.tsx | 33 +++++++++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 4 deletions(-)

(limited to 'src/screens/chat/ChatScreen.tsx')

diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx
index 7e189be5..baf1e23d 100644
--- a/src/screens/chat/ChatScreen.tsx
+++ b/src/screens/chat/ChatScreen.tsx
@@ -1,7 +1,7 @@
 import {useBottomTabBarHeight} from '@react-navigation/bottom-tabs';
 import {StackNavigationProp} from '@react-navigation/stack';
 import React, {useContext} from 'react';
-import {StyleSheet} from 'react-native';
+import {StyleSheet, View} from 'react-native';
 import {SafeAreaView} from 'react-native-safe-area-context';
 import {
   Channel,
@@ -10,8 +10,9 @@ import {
   MessageList,
 } from 'stream-chat-react-native';
 import {ChatContext} from '../../App';
-import {ChatInput} from '../../components';
+import UpArrowIcon from '../../assets/icons/up_arrow.svg';
 import ChatHeader from '../../components/messages/ChatHeader';
+import {TAGG_LIGHT_BLUE} from '../../constants';
 import {MainStackParams} from '../../routes';
 import {isIPhoneX} from '../../utils';
 
@@ -34,6 +35,12 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
     },
   };
 
+  const SendButton = () => (
+    <View style={styles.submitButton}>
+      <UpArrowIcon color={'white'} />
+    </View>
+  );
+
   return (
     <SafeAreaView
       style={[
@@ -43,9 +50,16 @@ const ChatScreen: React.FC<ChatScreenProps> = () => {
       ]}>
       <ChatHeader />
       <Chat client={chatClient} style={chatTheme}>
-        <Channel channel={channel} keyboardVerticalOffset={0}>
+        <Channel
+          channel={channel}
+          keyboardVerticalOffset={0}
+          messageActions={({copyMessage, deleteMessage}) => [
+            copyMessage,
+            deleteMessage,
+          ]}>
           <MessageList onThreadSelect={() => {}} />
-          <MessageInput Input={ChatInput} />
+          {/* <MessageInput Input={ChatInput} /> */}
+          <MessageInput SendButton={SendButton} />
         </Channel>
       </Chat>
     </SafeAreaView>
@@ -57,6 +71,17 @@ const styles = StyleSheet.create({
     backgroundColor: 'white',
     flex: 1,
   },
+
+  submitButton: {
+    height: 35,
+    width: 35,
+    backgroundColor: TAGG_LIGHT_BLUE,
+    borderRadius: 999,
+    justifyContent: 'center',
+    alignItems: 'center',
+    bottom: -5,
+    alignSelf: 'flex-end',
+  },
 });
 
 export default ChatScreen;
-- 
cgit v1.2.3-70-g09d2