BOD-14 Backend server work + sending of messages WIP for front end
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user