➕ feat: modal check

linder3hs · Apr 11, 2024 · e7d758a · e7d758a
1 parent 12a2243
commit e7d758a
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/semana-9/todolist/src/App.jsx b/semana-9/todolist/src/App.jsx
@@ -11,6 +11,7 @@ export default function App() {
   // Es para manejar el estado del modal
   const [isOpen, setIsOpen] = useState(false);
   const [isOpenDelete, setIsOpenDelete] = useState(false);
+  const [isOpenCheck, setIsOpenCheck] = useState(false);
   // Creamos una variable para saber a que tarea le dimos click
   const [currentTask, setCurrentTask] = useState(null);
 
@@ -38,6 +39,11 @@ export default function App() {
     setIsOpenDelete(true);
   };
 
+  const handleCurrentCheckTask = (task) => {
+    setCurrentTask(task);
+    setIsOpenCheck(true);
+  };
+
   const handleUpdateTask = (task, newText) => {
     // Paso1: Buscar la tarea en mi lista
     const searchTask = listTasks.find((element) => element.id === task.id);
@@ -73,7 +79,7 @@ export default function App() {
             >
               <p>{task.text}</p>
               <div className="flex gap-5">
-                <button>✅</button>
+                <button onClick={() => handleCurrentCheckTask(task)}>✅</button>
                 {/* <button onClick={function () {
                   handleCurrentTask(task)
                 }}>✏️</button> */}
@@ -106,6 +112,15 @@ export default function App() {
             />
           </Modal>
         )}
+        {currentTask && (
+          <Modal
+            open={isOpenCheck}
+            setIsOpen={setIsOpenCheck}
+            title="Check Task"
+          >
+            <p>Check task</p>
+          </Modal>
+        )}
       </main>
     </>
   );