Add onClick function to Add todos

Author: nicorithner

react-todos/src/App.js

@@ -8,12 +8,26 @@ function App() {
     { rowNumber: 3, rowDescription: "Make dinner", rowAssigned: "User One" },
   ];
 
+  const addTodo = () => {
+    if (todos.length > 0) {
+      const newTodo = {
+        rowNumber: todos.length + 1,
+        rowDescription: "New todo",
+        rowAssigned: "User Three",
+      };
+      todos.push(newTodo);
+      return <TodoTable todos={todos}/>
+    }
+  };
+
   return (
     <div className="mt-5 container">
       <div className="card">
         <div className="card-header">Your Todo's</div>
         <div className="card-body">
-              <TodoTable todos = {todos} />
+          <button className="btn btn-primary" onClick={addTodo}>
+            Add New To-Do
+          </button>
         </div>
       </div>
     </div>