react reset update via API

Author: mosufy

public/js/bundle.js

@@ -30384,6 +30384,7 @@
 	exports.getTodos = getTodos;
 	exports.addTodo = addTodo;
 	exports.toggleTodo = toggleTodo;
+	exports.deleteAllTodos = deleteAllTodos;
 
 	var _constant = __webpack_require__(285);
 
@@ -30475,6 +30476,10 @@
 	function toggleTodo(accessToken, id) {
 	  return _axios2.default.put(_constant2.default.apiUrl + '/todos/' + id + '/toggle', null, config(accessToken));
 	}
+	
+	function deleteAllTodos(accessToken) {
+	  return _axios2.default.delete(_constant2.default.apiUrl + '/todos', config(accessToken));
+	}
 
 /***/ },
 /* 285 */
@@ -32322,13 +32327,14 @@
 	    value: function render() {
 	      var addTodo = this.props.addTodo.bind(this, this.props.auth.accessToken);
 	      var toggleCompleted = this.props.toggleCompleted.bind(this, this.props.auth.accessToken);
+	      var resetTodo = this.props.resetTodo.bind(this, this.props.auth.accessToken);
 
 	      return _react2.default.createElement(_MyTodo2.default, { items: this.props.todos,
 	        visibilityFilter: this.props.visibilityFilter,
 	        addTodo: addTodo,
 	        toggleCompleted: toggleCompleted,
 	        setVisibilityFilter: this.props.setVisibilityFilter,
-	        resetTodo: this.props.resetTodo,
+	        resetTodo: resetTodo,
 	        loading: this.props.loading });
 	    }
 	  }]);
@@ -32391,7 +32397,14 @@
 	      var filter = $(e.target).closest("button").attr('id');
 	      dispatch(actionCreators.setVisibilityFilter(filter));
 	    },
-	    resetTodo: function resetTodo() {
+	    resetTodo: function resetTodo(accessToken) {
+	      (0, _sdk.deleteAllTodos)(accessToken).then(function (response) {
+	        // do nothing
+	      }).catch(function (error) {
+	        console.log('Failed to reset ToDo');
+	        console.log(error);
+	      });
+	
 	      dispatch(actionCreators.resetTodo());
 	    }
 	  };

public/js/bundle.js.map

@@ -10,7 +10,7 @@ import React from 'react';
 import MyTodo from './../components/MyTodo';
 import {connect} from 'react-redux';
 import * as actionCreators from './../actions';
-import {getTodos, addTodo, toggleTodo} from './../helpers/sdk';
+import {getTodos, addTodo, toggleTodo, deleteAllTodos} from './../helpers/sdk';
 
 class DashboardContainer extends React.Component {
   componentWillMount() {
@@ -20,14 +20,15 @@ class DashboardContainer extends React.Component {
   render() {
     var addTodo = this.props.addTodo.bind(this, this.props.auth.accessToken);
     var toggleCompleted = this.props.toggleCompleted.bind(this, this.props.auth.accessToken);
+    var resetTodo = this.props.resetTodo.bind(this, this.props.auth.accessToken);
 
     return (
       <MyTodo items={this.props.todos}
               visibilityFilter={this.props.visibilityFilter}
               addTodo={addTodo}
               toggleCompleted={toggleCompleted}
               setVisibilityFilter={this.props.setVisibilityFilter}
-              resetTodo={this.props.resetTodo}
+              resetTodo={resetTodo}
               loading={this.props.loading}/>
     );
   }
@@ -88,7 +89,14 @@ const mapDispatchToProps = (dispatch) => {
       var filter = $(e.target).closest("button").attr('id');
       dispatch(actionCreators.setVisibilityFilter(filter));
     },
-    resetTodo: () => {
+    resetTodo: (accessToken) => {
+      deleteAllTodos(accessToken).then(function (response) {
+        // do nothing
+      }).catch(function (error) {
+        console.log('Failed to reset ToDo');
+        console.log(error);
+      });
+
       dispatch(actionCreators.resetTodo());
     }
   };

resources/app/containers/DashboardContainer.js

@@ -78,4 +78,8 @@ export function addTodo(accessToken, text) {
 
 export function toggleTodo(accessToken, id) {
   return axios.put(Constant.apiUrl + '/todos/' + id + '/toggle', null, config(accessToken));
+}
+
+export function deleteAllTodos(accessToken) {
+  return axios.delete(Constant.apiUrl + '/todos', config(accessToken));
 }