8db9475804
* fix three panel layout height issue * rename websocket/services to websocket/persistence, implement LeaveRoom * cleanup * add new line eof * move route components from /components to /containers * remove duplicate style Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
31 lines
No EOL
678 B
TypeScript
31 lines
No EOL
678 B
TypeScript
// eslint-disable-next-line
|
|
import React from "react";
|
|
|
|
import "./Messages.css";
|
|
|
|
const Messages = ({ messages }) => (
|
|
<div className="messages">
|
|
{
|
|
messages && messages.map(({ message, messageType, timeOf, timeReceived }) => (
|
|
<div className="message" key={timeReceived}>
|
|
<div className="message__detail">{ParsedMessage(message)}</div>
|
|
</div>
|
|
) )
|
|
}
|
|
</div>
|
|
);
|
|
|
|
const ParsedMessage = (message) => {
|
|
const name = message.match("^[^:]+:");
|
|
|
|
if (name && name.length) {
|
|
message = message.slice(name[0].length, message.length);
|
|
}
|
|
|
|
return <div>
|
|
<strong>{name}</strong>
|
|
{message}
|
|
</div>
|
|
};
|
|
|
|
export default Messages; |