TODO_ALL action

Author: neerajsingh0101

ep30-extract-form-into-componenet-from-app/app/actions/TodoActions.js

@@ -4,16 +4,22 @@ var AppDispatcher = require('../dispatcher/AppDispatcher');
 
 var TodoActions = {
 
+  allTodos: () => {
+    api.getTodos()
+       .then( (responseData) => {
+         console.log("Got All TODOs successfully");
+         AppDispatcher.dispatch({
+          actionType: 'TODO_ALL',
+          todos: todos
+        });
+       })
+  },
+
   addTodo: (todo) => {
     console.log("adding TODO");
     api.addTodo(todo)
        .then( () => {
-          api.getTodos()
-             .then( (responseData) => {
-               var todos = responseData.todos;
-               console.log("All todos", todos);
-               TodoStore.setTodos(todos);
-             })
+         allTodos();
        })
        .then( () => {
          console.log("Added TODO successfully");

ep30-extract-form-into-componenet-from-app/app/components/App.jsx

@@ -28,12 +28,7 @@ export default class App extends React.Component {
   }
 
   getAllTodos () {
-    api.getTodos()
-      .then( (responseData) => {
-        var todos = responseData.todos;
-        this.setState({todos: todos });
-        TodoStore.setTodos(todos);
-      })
+    TodoActions.allTodos();
   }
 
   handleClearCompleted (event) {

ep30-extract-form-into-componenet-from-app/app/stores/TodoStore.js

@@ -24,6 +24,11 @@ AppDispatcher.register(function(action) {
       console.log("Handling TODO_ADD using dispatcher in store");
       TodoStore.getTodos();
       break;
+
+    case 'TODO_ALL':
+      console.log("Handling TODO_ALL using dispatcher in store");
+      TodoStore.setTodos(action.todos);
+      break;
   }
 
 });