diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-04-09 20:36:40 -0400 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-04-09 20:36:40 -0400 |
| commit | 177cec843cb4d472b47e684774729bb6c1ec001f (patch) | |
| tree | aa3942e65d7223f1fbc22ef91b46b83229faebb0 /src/components/messages | |
| parent | 3097ece62ac3c410efaa6750571a0395b63be410 (diff) | |
updated chat input to use context functions
Diffstat (limited to 'src/components/messages')
| -rw-r--r-- | src/components/messages/ChatInput.tsx | 12 |
1 files changed, 8 insertions, 4 deletions
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> |