Post edit functionality works ok

Author: mstamos

client/templates/posts/post_edit.jsx

@@ -20,17 +20,6 @@ PostEdit = React.createClass({
             postData: Posts.findOne({_id:this.props._id})
         }
     },
-    handleInputChange ( prop, val) {
-        var stateOb = {
-            urlValue : val
-        };
-        if (prop === "title") {
-            stateOb = {
-                titleValue : val
-            };
-        }
-        this.setState(stateOb);
-    },
     // This functions deletes the post and redirect the user into postsList page
     deletePost (event) {
         event.preventDefault();
@@ -39,10 +28,55 @@ PostEdit = React.createClass({
             FlowRouter.go('postsList');
         }
     },
+    formSubmission (event) {
+        event.preventDefault();
+        // We get the values from inputs
+        var post = {
+            url: event.target.url.value,
+            title: event.target.title.value
+        };
+        // We check if all inputs have values
+        var fieldsErrors = validatePost(post);
+        // If we didn't fill any of the inputs then we return a message and an error class
+        if (!_.isEmpty(fieldsErrors)) {
+            if (fieldsErrors.title) {
+                this.setState({
+                    errorsTitle: fieldsErrors.title,
+                    errorsTitleClass: "has-error"
+                });
+            } else {
+                this.setState({
+                    errorsTitle: "",
+                    errorsTitleClass: ""
+                });
+            }
+            if (fieldsErrors.url) {
+                this.setState({
+                    errorsUrl: fieldsErrors.url,
+                    errorsUrlClass: "has-error"
+                });
+            } else {
+                this.setState({
+                    errorsUrl: "",
+                    errorsUrlClass: ""
+                });
+            }
+            return;
+        }
+        let postId = this.props._id
+        Posts.update(postId, {$set: post}, function (error) {
+            if (error) {
+                // display the error to the user
+                throwError(error.reason);
+            } else {
+                FlowRouter.go(`/posts/${ postId }`);
+            }
+        })
+    },
     render () {
         if (this.data.postData ) {
             return (
-                <form className="main form page" onSubmit={this.formSubmition}>
+                <form className="main form page" onSubmit={(e) => this.formSubmission(e)}>
                     <PostInput
                         title={"Title"}
                         placeholder={"Name your post"}

client/templates/posts/post_submit.jsx

@@ -18,7 +18,6 @@ PostInput = React.createClass({
     render () {
         const errorClassName = "form-group " + this.props.errorClassName;
         const inputClass = "form-control "+this.props.title.toLowerCase();
-        const componentRef = "\""+this.props.title.toLowerCase() +"\""
         return (
             <div className={errorClassName}>
                 <label className="control-label" htmlFor={this.props.title.toLowerCase()}>{this.props.title}</label>
@@ -110,17 +109,6 @@ PostSubmit = React.createClass({
             FlowRouter.go(`/posts/${ result._id }`);
         });
     },
-    handleInputChange (prop, val) {
-        var stateOb = {
-            urlValue: val
-        };
-        if (prop === "title") {
-            stateOb = {
-                titleValue: val
-            };
-        }
-        this.setState(stateOb);
-    },
     render () {
         if (this.data.userIsLogged) {
             return (