Add PM components

1 files changed, 16 insertions, 0 deletions

diff --git a/vnext/src/components/Contact.js b/vnext/src/components/Contact.js
new file mode 100644
index 00000000..0e969cc1
--- /dev/null
+++ b/vnext/src/components/Contact.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+import Avatar from './Avatar';
+
+export default class Contact extends React.Component {
+
+    render() {
+        const { user } = this.props;
+        return (
+            <React.Fragment>
+                <Avatar user={user} link={`/pm/${user.uname}`} />                
+                {user.uname }{ user.unreadCount && <span className="badge">{user.unreadCount}</span>}
+            </React.Fragment>
+        );
+    }
+}