diff options
author | 2019-05-04 21:13:12 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | f470636a70943a8ecad8bddc791a1c2dddd28e1e (patch) | |
tree | c43d109d88adbde9a696084070cdd92c6b9a004b /vnext/src/components/PM.js | |
parent | 3d7d213e3ddc5bf4f71d536f31677b768aa3b7c0 (diff) |
Components -> UI
Diffstat (limited to 'vnext/src/components/PM.js')
-rw-r--r-- | vnext/src/components/PM.js | 51 |
1 files changed, 0 insertions, 51 deletions
diff --git a/vnext/src/components/PM.js b/vnext/src/components/PM.js deleted file mode 100644 index a1e70ad5..00000000 --- a/vnext/src/components/PM.js +++ /dev/null @@ -1,51 +0,0 @@ -import React from 'react'; - -import { UserType, MessageType } from './Types'; - -import Avatar from './Avatar'; -import { format } from '../utils/embed'; - -function PM(props) { - const { chat } = props; - return ( - <li> - <div style={chatItemStyle(props.visitor, chat)}> - <Avatar user={chat.user} /> - <div style={bubbleStyle(props.visitor, chat)}> - <p dangerouslySetInnerHTML={{ __html: format(chat.body) }} /> - </div> - </div> - </li> - ); -} - -export default React.memo(PM); - -function bubbleStyle(me, msg) { - const isMe = me.uid === msg.user.uid; - const color = isMe ? '#fff' : '#222'; - const background = isMe ? '#ec4b98' : '#eee'; - return { - background: background, - color: color, - padding: '12px' - }; -} - -function chatItemStyle(me, msg) { - const isMe = me.uid === msg.user.uid; - const alignment = isMe ? 'flex-end' : 'flex-start'; - return { - padding: '3px 6px', - listStyle: 'none', - margin: '10px 0', - display: 'flex', - flexDirection: 'column', - alignItems: alignment - }; -} - -PM.propTypes = { - chat: MessageType.isRequired, - visitor: UserType.isRequired -}; |