BOD-14 Backend server work + sending of messages WIP for front end

This commit is contained in:
Patrick Fic
2020-03-25 15:50:46 -07:00
parent 5b5ffe21cd
commit 84a5820d8d
32 changed files with 892 additions and 274 deletions

View File

@@ -0,0 +1,27 @@
import React from "react";
import ChatSendMessage from "../chat-send-message/chat-send-message.component";
export default function ChatConversationOpenComponent({
conversation,
messages
}) {
if (!!!messages) return <div>No Messages</div>;
return (
<div>
<div className='messages' style={{ height: "400px" }}>
<ul>
{messages.map(item => (
<li
key={item.sid}
className={`${
item.direction === "inbound" ? "sent" : "replies"
}`}>
<p> {item.body}</p>
</li>
))}
</ul>
</div>
<ChatSendMessage conversation={conversation} />
</div>
);
}