post comments

1 files changed, 21 insertions, 1 deletions

diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index 96b7e093..cfef2372 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -18,6 +18,7 @@ export default class Thread extends React.Component {
       replies: []
     };
     this.loaded = this.loaded.bind(this);
+    this.postComment = this.postComment.bind(this);
   }
   componentDidMount() {
     document.body.scrollTop = 0;
@@ -52,6 +53,25 @@ export default class Thread extends React.Component {
   loaded() {
     return this.state.msg.mid;
   }
+
+  postComment(template) {
+    const url = `https://api.juick.com/comment?hash=${this.props.visitor.hash}`;
+    let form = new FormData();
+    form.append('mid', template.mid);
+    form.append('rid', template.rid);
+    form.append('body', template.body);
+    form.append('attach', template.attach);
+    fetch(url, {
+      method: 'POST',
+      body: form
+    }).then(response => {
+      return response.json()
+    }).then(res => {
+      this.loadReplies()
+    })
+    .catch(console.log)
+  }
+
   render() {
     const msg = this.state.msg;
     return (
@@ -61,7 +81,7 @@ export default class Thread extends React.Component {
             {
               this.loaded() ? (
                 <Message data={msg} visitor={this.props.visitor}>
-                  <MessageInput data={msg} onSend={console.log} />
+                  <MessageInput data={msg} onSend={this.postComment} />
                   <Recommendations src={msg.recommendations} />
                 </Message>
               ) : (