From c302dafa2a693e8e72a12e4fa5a55f40825a45f3 Mon Sep 17 00:00:00 2001
From: Varun Tiwari <tiwarivarun819.vt33.vt@gmail.com>
Date: Thu, 20 Oct 2022 10:11:19 +0530
Subject: [PATCH] [GH-38]: Added edit functionality for task list items

---
 src/App.jsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 53e92c4..429e06a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -56,6 +56,16 @@ function App() {
     closeEditMode();
   }
 
+  const enterEditMode = (task) => {
+    setIsEditing(true);
+    setEditedTask(task);
+  }
+
+  const closeEditMode = () => {
+    setIsEditing(false);
+    setEditedTask(null)
+  }
+
   document.body.style = theme === "dark" && 'background: #9a999f;';
 
   return (
@@ -86,12 +96,20 @@ function App() {
       </div>
 
       <CustomForm addTask={addTask}/>
+      {isEditing && (
+        <EditForm 
+          editedTask={editedTask}
+          closeEditMode={closeEditMode}
+          updateTask={updateTask}
+        />
+      )}
       {tasks && (
         <TaskList
           tasks={tasks}
           toggleTask={toggleTask}
           deleteTask={deleteTask}
-
+          updateTask={updateTask}
+          enterEditMode={enterEditMode}
         />
       )}
         <footer>