diff options
| -rw-r--r-- | src/screens/chat/ChatScreen.tsx | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx index 18d40f96..ae95cd62 100644 --- a/src/screens/chat/ChatScreen.tsx +++ b/src/screens/chat/ChatScreen.tsx @@ -6,9 +6,11 @@ import {SafeAreaView, useSafeAreaInsets} from 'react-native-safe-area-context'; import { Channel, Chat, + DeepPartial, MessageInput, MessageList, useAttachmentPickerContext, + Theme, } from 'stream-chat-react-native'; import {ChatContext} from '../../App'; import {ChatHeader, ChatInput, TabsGradient} from '../../components'; @@ -29,7 +31,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { const {setTopInset} = useAttachmentPickerContext(); const insets = useSafeAreaInsets(); - const chatTheme = { + const chatTheme: DeepPartial<Theme> = { messageList: { container: { backgroundColor: 'white', @@ -70,7 +72,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { content: { container: {}, containerInner: { - backgroundColor: '#DEE6F4', + backgroundColor: '#E4F0F2', borderColor: 'transparent', borderBottomLeftRadius: 10, borderTopLeftRadius: 10, @@ -154,6 +156,17 @@ const styles = StyleSheet.create({ justifyContent: 'center', alignItems: 'center', }, + typingIndicatorContainer: { + backgroundColor: '#E4F0F2', + width: 88, + height: 32, + borderRadius: 10, + marginBottom: 10, + marginLeft: 10, + flexDirection: 'row', + justifyContent: 'center', + alignItems: 'center', + }, }); export default ChatScreen; |