add 'Scroll to the end of the conversation' bar
Change-Id: I63e41433db4999d021bc13375cf5b7ba07843c3d
diff --git a/client/src/components/ConversationView.tsx b/client/src/components/ConversationView.tsx
index a269c89..1242541 100644
--- a/client/src/components/ConversationView.tsx
+++ b/client/src/components/ConversationView.tsx
@@ -101,31 +101,25 @@
return (
<Stack height="100%">
- <Stack padding="16px">
- <ConversationHeader
- account={account}
- members={conversation.getMembers()}
- adminTitle={conversation.infos.title as string}
- conversationId={conversationId}
- />
- </Stack>
+ <ConversationHeader
+ account={account}
+ members={conversation.getMembers()}
+ adminTitle={conversation.infos.title as string}
+ conversationId={conversationId}
+ />
<Divider
sx={{
borderTop: '1px solid #E5E5E5',
}}
/>
- <Stack flex={1} overflow="auto" direction="column-reverse" padding="0px 16px">
- <MessageList account={account} members={conversation.getMembers()} messages={messages} />
- </Stack>
+ <MessageList account={account} members={conversation.getMembers()} messages={messages} />
<Divider
sx={{
margin: '30px 16px 0px 16px',
borderTop: '1px solid #E5E5E5',
}}
/>
- <Stack padding="16px">
- <SendMessageForm account={account} members={conversation.getMembers()} onSend={sendMessage} />
- </Stack>
+ <SendMessageForm account={account} members={conversation.getMembers()} onSend={sendMessage} />
</Stack>
);
};
@@ -173,7 +167,7 @@
};
return (
- <Stack direction="row">
+ <Stack direction="row" padding="16px">
<Stack flex={1} justifyContent="center" whiteSpace="nowrap" overflow="hidden">
<Typography variant="h3" textOverflow="ellipsis">
{title}