readme cleanup

step1-07/exercise/src/TodoApp.types.ts

@@ -1,5 +1,7 @@
 export type FilterTypes = 'all' | 'active' | 'completed';
 
+export type CompleteTodo = (id) => null;
+
 export interface TodoItem {
   label: string;
   completed: boolean;

step1-07/exercise/src/components/TodoHeader.tsx

@@ -32,4 +32,9 @@ export class TodoHeader extends React.Component<any, any> {
   _onChange = evt => {
     this.setState({ labelInput: evt.target.value });
   };
+
+  _onAdd = () => {
+    this.props.addTodo(this.state.labelInput);
+    this.setState({ labelInput: '' });
+  };
 }

step1-07/exercise/src/components/TodoList.tsx

@@ -12,6 +12,7 @@ export class TodoList extends React.Component<TodoListProps, any> {
   render() {
     const { filter, todos, complete } = this.props;
 
+    // filteredTodos returns an array of filtered todo keys [01,02,03]
     const filteredTodos = Object.keys(todos).filter(id => {
       return filter === 'all' || (filter === 'completed' && todos[id].completed) || (filter === 'active' && !todos[id].completed);
     });