add messaging
Change-Id: I9f7b5c73e25774751a2c55ea6c2575feca5ebfd5
diff --git a/client/src/components/MessageList.js b/client/src/components/MessageList.js
index b2fca5e..e73af6a 100644
--- a/client/src/components/MessageList.js
+++ b/client/src/components/MessageList.js
@@ -2,15 +2,14 @@
import React, { useEffect } from 'react'
import { Box, Divider, Typography } from '@material-ui/core'
import ConversationAvatar from './ConversationAvatar'
-const reverseMap = (arr, f) => arr.map((_, idx, arr) => f(arr[arr.length - 1 - idx ]));
export default function MessageList(props) {
const displayName = props.conversation.getDisplayName()
const messages = props.conversation.getMessages()
- console.log("MessageList render " + messages.length)
useEffect(() => {
- props.loadMore()
+ if (!props.loading)
+ props.loadMore()
}, [props.conversation.getId()])
return (
@@ -26,9 +25,8 @@
<Divider orientation="horizontal" />
</Box>
<div className="message-list">
- <div className="message-list-inner">
- {reverseMap(messages, (message) => <Message key={message.id} message={message} />)}
- </div>
+ {messages.map((message) => <Message key={message.id} message={message} />)}
+ <div style={{ border: "1px solid transparent" }}/>
</div>
</React.Fragment>
)