admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed up some messaging layout issues. BOD-78

Browse Source
This commit is contained in:
Patrick Fic
2020-07-14 17:26:22 -07:00
parent 2eb8360f5d
commit 5d1876e277
18 changed files with 222 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
client/src/components/chat-conversation-title/chat-conversation-title.component.jsx
View File

@@ -1,17 +1,31 @@
import React from "react";
import ChatTagRoContainer from "../chat-tag-ro/chat-tag-ro.container";
import ChatConversationTitleTags from "../chat-conversation-title-tags/chat-conversation-title-tags.component";
import { Typography, Space } from "antd";
export default function ChatConversationTitle({ conversation }) {
console.log("ChatConversationTitle -> conversation", conversation);
return (
<div style={{ display: "flex" }}>
{conversation && conversation.phone_num}
<ChatConversationTitleTags
jobConversations={
(conversation && conversation.job_conversations) || []
}
/>
<ChatTagRoContainer conversation={conversation || []} />
<div>
<Space>
<strong>{conversation && conversation.phone_num}</strong>
<span>
{conversation.job_conversations.map(
(j) =>
`${j.job.ownr_fn || ""} ${j.job.ownr_ln || ""} ${
j.job.ownr_co_nm || ""
} | `
)}
</span>
</Space>
<div className="imex-flex-row imex-flex-row__margin">
<ChatConversationTitleTags
jobConversations={
(conversation && conversation.job_conversations) || []
}
/>
<ChatTagRoContainer conversation={conversation || []} />
</div>
</div>
);
}