From 9d280f6b912fc325750df58fd422007c19df5105 Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Sun, 3 Jun 2018 15:51:06 +0300
Subject: [PATCH] display todos reversed

---
 react/src/actions/lists.js                | 2 +-
 react/src/components/Todo.js              | 2 +-
 react/src/containers/TodoListContainer.js | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/react/src/actions/lists.js b/react/src/actions/lists.js
index 0238025..00fc764 100644
--- a/react/src/actions/lists.js
+++ b/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;
     }, {});
diff --git a/react/src/components/Todo.js b/react/src/components/Todo.js
index 4bf3e91..a0e9c99 100644
--- a/react/src/components/Todo.js
+++ b/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>
diff --git a/react/src/containers/TodoListContainer.js b/react/src/containers/TodoListContainer.js
index 669e345..2464a28 100644
--- a/react/src/containers/TodoListContainer.js
+++ b/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;