display todos reversed

react/src/actions/lists.js

@@ -133,9 +133,9 @@ export function fetchLists() {
       newObj[list.id] = {
         dirty: true,
         fetching: false,
-        todos: null,
         editing: false,
         ...list,
+        todos: [...list.todos.reverse()],
       };
       return newObj;
     }, {});

react/src/components/Todo.js

@@ -71,7 +71,7 @@ class Todo extends React.Component {
     ) : (
       <button
         className={todoClasses.join(' ')}
-        onClick={this.state.hover && this.props.toggleTodo}
+        onClick={this.state.hover ? this.props.toggleTodo : null}
       >
         {this.props.todo.text}
       </button>

react/src/containers/TodoListContainer.js

@@ -32,6 +32,9 @@ function mapDispatchToProps(dispatch) {
   };
 }
 
-const TodosContainer = connect(mapStateToProps, mapDispatchToProps)(TodoList);
+const TodosContainer = connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(TodoList);
 
 export default TodosContainer;