diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-04-21 13:56:42 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-21 13:56:42 -0400 |
| commit | 45c0935d4c18ca7bd18ba56aa5ae37f4c40dc9f2 (patch) | |
| tree | e83d39e418d4e8675ef2b26474d8335401b81322 /src/screens/chat/ChatScreen.tsx | |
| parent | 83538ee79a9c2a8d5024e0987372a32dffe3d05d (diff) | |
| parent | 59d90f15809890da05ede6a04e532da6a7af8d0b (diff) | |
Merge pull request #371 from shravyaramesh/chat-screen-styling-2
[TMA782/810] Inline dates and Read Receipts
Diffstat (limited to 'src/screens/chat/ChatScreen.tsx')
| -rw-r--r-- | src/screens/chat/ChatScreen.tsx | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx index 656c1c47..57f2232e 100644 --- a/src/screens/chat/ChatScreen.tsx +++ b/src/screens/chat/ChatScreen.tsx @@ -16,7 +16,9 @@ import {ChatContext} from '../../App'; import { ChatHeader, ChatInput, + DateHeader, MessageAvatar, + MessageFooter, TabsGradient, TypingIndicator, } from '../../components'; @@ -37,6 +39,9 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { const {setTopInset} = useAttachmentPickerContext(); const insets = useSafeAreaInsets(); const chatTheme: DeepPartial<Theme> = { + colors: { + accent_blue: '#6EE7E7', + }, messageList: { container: { backgroundColor: 'white', @@ -70,6 +75,24 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { flexDirection: 'row', }, content: { + deletedContainer: {}, + deletedContainerInner: { + borderColor: 'transparent', + borderBottomLeftRadius: 10, + borderTopLeftRadius: 10, + borderBottomRightRadius: 10, + borderTopRightRadius: 10, + }, + deletedMetaText: { + paddingHorizontal: 10, + }, + deletedText: { + em: { + fontSize: 15, + fontStyle: 'italic', + fontWeight: '400', + }, + }, metaContainer: { marginLeft: 5, }, @@ -123,6 +146,10 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { copyMessage, deleteMessage, ]} + InlineDateSeparator={DateHeader} + StickyHeader={() => null} + ScrollToBottomButton={() => null} + MessageFooter={MessageFooter} TypingIndicator={TypingIndicator} myMessageTheme={loggedInUsersMessageTheme} MessageAvatar={MessageAvatar}> |