assignment 3

src/App.js

@@ -21,12 +21,15 @@ const App = () => {
   const [todos, setTodos] = useState(todosData);
 
   // get the newTodo from NewTodo.js here inside this function
-  const handleAddTodo = () => {};
+  const handleAddTodo = (newTodo) => {
+    console.log(newTodo);
+    setTodos([...todos, newTodo]);
+  };
 
   return (
-    <div>
-      <NewTodo />
-      <Todos />
+    <div className='container'>
+      <NewTodo addTodo={handleAddTodo}/>
+      <Todos todos={todos} />
     </div>
   );
 };

src/components/NewTodo.js

@@ -3,17 +3,21 @@ import PropTypes from 'prop-types';
 import { v4 as uuidv4 } from 'uuid';
 
 const NewTodo = (props) => {
-  const [todo, setTodo] = useState();
+  const [todo, setTodo] = useState({title: '', desc: ''});
 
   // for handling todo state changes
-  const handleChange = (e) => {};
-
+  const handleChange = (e) => {
+    setTodo({...todo, [e.target.name]:e.target.value});
+  };
   // submit the form and send newTodo in App.js
   const handleSubmit = (e) => {
     e.preventDefault();
     const newTodo = {
-      id: uuidv4()
+      id: uuidv4(),
+      title: todo.title,
+      desc: todo.desc
     };
+    props.addTodo(newTodo);
 
     // for reset todo state
     setTodo({