handled mark task delete api call

Author: chiraggshah

ep19-call-api-jquery/app/components/App.jsx

@@ -39,11 +39,19 @@ export default class App extends React.Component {
   }
 
   handleDelete (idToBeDeleted) {
-    var newTodos = this.state.todos.filter( (todo) => {
-      return todo.id != idToBeDeleted
-    } )
+    var processData = function(data) {
+      this.setState({todos: data.todos});
+    };
+
+    var markTaskDeleteCallback = function(data){
+      if(data.success){
+        api.getTasks(processData.bind(this));
+      } else {
+        console.log("Failed to delete task")
+      }
+    };
 
-    this.setState({ todos: newTodos});
+    api.deleteTask(markTaskDeleteCallback.bind(this), idToBeDeleted);
   }
 
   handleSubmit (event) {

ep19-call-api-jquery/app/utils/api.js

@@ -10,12 +10,16 @@ var api = {
   markTaskDone (processData, todo) {
     var url = Constants.BASE_URL + 'todos/' + todo.id;
     var params = {
-      id: todo.id,
       done: todo.done
     };
     this.makeAjaxCall(url, 'PUT', processData, params)
   },
 
+  deleteTask (processData, idToBeDeleted) {
+    var url = Constants.BASE_URL + 'todos/' + idToBeDeleted;
+    this.makeAjaxCall(url, 'DELETE', processData)
+  },
+
   makeAjaxCall (url, type, processDataCallback, params) {
     $.ajax({
       type: type,