aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components/PM.js
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/components/PM.js')
-rw-r--r--vnext/src/components/PM.js51
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
-};