From 813c5e7eda90944733d60dd324459ced93c9c087 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Wed, 20 Dec 2017 13:28:12 +0300
Subject: initial demo

---
 vnext/src/components/message.jsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 vnext/src/components/message.jsx

(limited to 'vnext/src/components/message.jsx')

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
-- 
cgit v1.2.3

