Use Unshift instead of Push ⏩

Author: deadcoder0904

src/components/Main/CreateTodo.js

@@ -102,7 +102,7 @@ class CreateTodoContainer extends React.Component {
                     variables: { id: productId, completed: status === "DONE" },
                   });
                   const todos = data.product.todos.map(t => t); // make a shallow copy otherwise error "Object is not extensible" is thrown
-                  todos.push(createTodo);
+                  todos.unshift(createTodo);
                   const newData = {
                     ...data,
                     product: { ...data.product, todos },

src/components/Main/TodoBox.js

@@ -102,7 +102,7 @@ class TodoBoxContainer extends React.Component {
           });
 
           const todos2 = cacheData2.product.todos.map(t => t); // make a shallow copy otherwise error "Object is not extensible" is thrown
-          todos2.push({
+          todos2.unshift({
             ...data[completed ? "uncompleteTodo" : "completeTodo"],
             id: todo.id,
             completed_at,