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

BOD-14 More CSS issues for messaging.

Browse Source
This commit is contained in:
Patrick Fic
2020-03-27 18:27:22 -07:00
parent 644737e1c3
commit d1148974ee
7 changed files with 95 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,6 @@ import { Badge, Card } from "antd";
import React from "react";
import ChatConversationClosedComponent from "./chat-conversation.closed.component";
import ChatConversationOpenComponent from "./chat-conversation.open.component";
import "./chat-conversation.styles.scss"; //https://bootsnipp.com/snippets/exR5v
export default function ChatConversationComponent({
conversation,
@@ -11,18 +10,20 @@ export default function ChatConversationComponent({
unreadCount
}) {
return (
<Badge count={unreadCount}>
<Card className='chat-overlay' size='small'>
{conversation.open ? (
<ChatConversationOpenComponent
messages={messages}
conversation={conversation}
subState={subState}
/>
) : (
<ChatConversationClosedComponent conversation={conversation} />
)}
</Card>
</Badge>
<div className='chat-conversation'>
<Badge count={unreadCount}>
<Card size='small'>
{conversation.open ? (
<ChatConversationOpenComponent
messages={messages}
conversation={conversation}
subState={subState}
/>
) : (
<ChatConversationClosedComponent conversation={conversation} />
)}
</Card>
</Badge>
</div>
);
}