Working through tutorial

Author: aleib

comments.json

@@ -2,5 +2,17 @@
     {
         "author": "Pete Hunt",
         "text": "Hey tccchere!"
+    },
+    {
+        "author": "TreeBeard",
+        "text": "HatHat"
+    },
+    {
+        "author": "asd",
+        "text": "asdasda"
+    },
+    {
+        "author": "asd",
+        "text": "asdasdas"
     }
-]
+]

tutorial/index.html

@@ -37,7 +37,7 @@
             if (!text || !author) {
                 return;
             }
-            // TODO: send request to the server
+            this.props.onCommentSubmit({author: author, text: text});
             this.refs.author.getDOMNode().value = '';
             this.refs.text.getDOMNode().value = '';
         },
@@ -66,7 +66,21 @@
             });
         },
         handleCommentSubmit: function(comment) {
-            // TODO: submit to the server and refresh the list
+            var comments = this.state.data;
+            var newComments = comments.concat([comment]);
+            this.setState({data: newComments});
+            $.ajax({
+                url: this.props.url,
+                dataType: 'json',
+                type: 'POST',
+                data: comment,
+                success: function(data) {
+                    this.setState({data: data});
+                }.bind(this),
+                error: function(xhr, status, err) {
+                    console.error(this.props.url, status, err.toString());
+                }.bind(this)
+            });
         },
         getInitialState: function() {
             return {data: []};