From 177cec843cb4d472b47e684774729bb6c1ec001f Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 9 Apr 2021 20:36:40 -0400
Subject: updated chat input to use context functions

---
 src/components/messages/ChatInput.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'src/components/messages/ChatInput.tsx')

diff --git a/src/components/messages/ChatInput.tsx b/src/components/messages/ChatInput.tsx
index fe24b271..9aeb9c62 100644
--- a/src/components/messages/ChatInput.tsx
+++ b/src/components/messages/ChatInput.tsx
@@ -7,7 +7,10 @@ import {
   View,
 } from 'react-native';
 import {useStore} from 'react-redux';
-import {MessageInputProps} from 'stream-chat-react-native';
+import {
+  MessageInputProps,
+  useMessageInputContext,
+} from 'stream-chat-react-native';
 import UpArrowIcon from '../../assets/icons/up_arrow.svg';
 import {TAGG_LIGHT_BLUE} from '../../constants';
 import {RootState} from '../../store/rootReducer';
@@ -33,9 +36,8 @@ const ChatInput: React.FC<
   >
 > = () => {
   const state: RootState = useStore().getState();
-  // const {channel} = useContext(ChatContext);
   const avatar = state.user.avatar;
-  // const member = getMember(channel, state);
+  const {sendMessage, setText, text} = useMessageInputContext();
 
   return (
     <View style={styles.container}>
@@ -53,9 +55,11 @@ const ChatInput: React.FC<
           placeholder={'Message...'}
           placeholderTextColor="grey"
           multiline={true}
+          value={text}
+          onChangeText={setText}
         />
         <View style={styles.submitButton}>
-          <TouchableOpacity style={styles.submitButton} onPress={() => {}}>
+          <TouchableOpacity style={styles.submitButton} onPress={sendMessage}>
             <UpArrowIcon width={35} height={35} color={'white'} />
           </TouchableOpacity>
         </View>
-- 
cgit v1.2.3-70-g09d2

