#3 - used fetch for deleting tasks

Author: chiraggshah

ep20-using-fetch/app/components/App.jsx

@@ -30,15 +30,10 @@ export default class App extends React.Component {
   }
 
   handleDelete (idToBeDeleted) {
-    var deleteTaskCallback = function(data){
-      if (data.success) {
-        api.getTasks()
-          .then( (responseData) => this.setState({todos: responseData.todos} ))
-          .catch( (error) => console.log('Failed to delete task: ', error) );
-      }
-    };
-
-    api.deleteTask(idToBeDeleted, deleteTaskCallback.bind(this));
+    api.deleteTask(idToBeDeleted)
+      .then( () => { return api.getTasks() })
+      .then( (responseData) => this.setState({todos: responseData.todos} ))
+      .catch( (error) => console.log('Failed to delete task: ', error) );
   }
 
   handleSubmit (event) {

ep20-using-fetch/app/utils/api.js

@@ -37,8 +37,9 @@ var api = {
   },
 
   deleteTask (idToBeDeleted, processDataCallback) {
-    var url = Constants.BASE_URL + 'todos/' + idToBeDeleted;
-    this.makeAjaxCall(url, 'DELETE', {}, processDataCallback)
+    var url = this.generateUrlWithApiKey('todos/' + idToBeDeleted);
+    return fetch(url, { method: 'DELETE' })
+      .then((res) => res.json());
   },
 
   makeAjaxCall (url, type, params, processDataCallback) {