Add PM components

1 files changed, 22 insertions, 0 deletions

diff --git a/vnext/src/components/PM.js b/vnext/src/components/PM.js
new file mode 100644
index 00000000..44b81129
--- /dev/null
+++ b/vnext/src/components/PM.js
@@ -0,0 +1,22 @@
+import React from 'react';
+
+import Avatar from './Avatar';
+import { format } from '../utils/embed';
+
+export default function PM(props) {
+    const {chat} = props;
+    return (
+            <li style={chatItemStyle}>
+                <Avatar user={chat.user} />
+                <p dangerouslySetInnerHTML={{ __html: format(chat.body) }} />
+            </li>
+        );
+}
+
+const chatItemStyle = {
+    padding: '5px 13px',
+    fontSize: '14px',
+    listStyle: 'none',
+    margin: '10px 0',
+    boxShadow: '0 0 3px rgba(0,0,0, 0.16)'
+}
\ No newline at end of file