clean code after using flux style

Author: neerajsingh0101

ep24-marching-towards-flux/app/components/App.jsx

@@ -33,12 +33,6 @@ export default class App extends React.Component {
       .then( (responseData) => this.setState({todos: responseData.todos} ));
   }
 
-  handleDelete (idToBeDeleted) {
-    api.deleteTodo(idToBeDeleted)
-      .then( () => { return api.getTodos() })
-      .then( (responseData) => this.setState({todos: responseData.todos} ));
-  }
-
   handleSubmit (event) {
     event.preventDefault();
 
@@ -73,7 +67,6 @@ export default class App extends React.Component {
               </form>
 
               <DisplayList
-                handleDelete={this.handleDelete.bind(this)}
                 todos={this.state.todos}  />
 
               <footer>

ep24-marching-towards-flux/app/components/DisplayItem.jsx

@@ -38,7 +38,6 @@ export default class DisplayItem extends React.Component {
 
   handleDeleteTodoClick (todo) {
     TodoActions.deleteTodo(todo);
-    //this.props.handleDelete(todo.id);
   }
 
   render () {
@@ -83,6 +82,5 @@ export default class DisplayItem extends React.Component {
 }
 
 DisplayItem.propTypes = {
-  todo: React.PropTypes.object.isRequired,
-  handleDelete: React.PropTypes.func.isRequired
+  todo: React.PropTypes.object.isRequired
 }

ep24-marching-towards-flux/app/components/DisplayList.jsx

@@ -8,8 +8,7 @@ export default class DisplayList extends React.Component {
             { this.props.todos.map((todo, i) => {
               return  <section id="main" key={todo.id}>
                         <DisplayItem
-                          todo={todo}
-                          handleDelete={this.props.handleDelete} />
+                          todo={todo} />
                       </section>
             }) }
            </ul>
@@ -18,6 +17,5 @@ export default class DisplayList extends React.Component {
 }
 
 DisplayList.propTypes = {
-  todos: React.PropTypes.array.isRequired,
-  handleDelete: React.PropTypes.func.isRequired
+  todos: React.PropTypes.array.isRequired
 }