1 files changed, 26 insertions, 0 deletions
diff --git a/vnext/src/components/message.jsx b/vnext/src/components/message.jsx
new file mode 100644
index 00000000..faeb4b4e
--- /dev/null
+++ b/vnext/src/components/message.jsx
@@ -0,0 +1,26 @@
+import React, {PropTypes} from "react"
+
+const Message = React.createClass({
+  propTypes: {
+    mid: PropTypes.number.isRequired,
+    user: PropTypes.shape({
+      uid: PropTypes.number.isRequired,
+      uname: PropTypes.string.isRequired
+    }),
+    timestamp: PropTypes.string.isRequired,
+    body: PropTypes.string.isRequired
+  },
+  render() { return (
+    <article>
+      <aside>
+        <a href={this.props.user.uname + "/"}>
+          <img src={"//i.juick.com/a/" + this.props.user.uid + ".png"} alt=""/></a>
+      </aside>
+      <header className="u">@<a href={this.props.user.uname + "/"}>{this.props.user.uname}</a>: </header>
+      <header className="t"><a href={this.props.user.uname + "/" + this.props.mid}>
+        <time dateTime={this.props.timestamp} title={this.props.timestamp}>{this.props.timestamp}</time></a></header>
+      <p>{this.props.body}</p>
+    </article>) }
+});
+
+export default Message
+\ No newline at end of file