From a934bea557b6974d8cc2fbe65ff20a263e38f805 Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Mon, 23 May 2022 19:55:21 -0300
Subject: [PATCH] Changed the way is cleared the childrens of the clockify form

---
 .../ClockifyTaskForm/ClockifyTaskForm.jsx     | 11 +-------
 src/pages/Main/Main.jsx                       | 28 +++++++++++++++++++
 2 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/pages/Main/ClockifyTaskForm/ClockifyTaskForm.jsx b/src/pages/Main/ClockifyTaskForm/ClockifyTaskForm.jsx
index 8a149ca..23c3402 100644
--- a/src/pages/Main/ClockifyTaskForm/ClockifyTaskForm.jsx
+++ b/src/pages/Main/ClockifyTaskForm/ClockifyTaskForm.jsx
@@ -116,7 +116,6 @@ const ClockifyTaskForm = ({timerOn, setTimerOn, signedIn, apiKey, setApiKey, tas
             const response = await fetch(`https://api.clockify.me/api/v1/workspaces/${e}/projects`, request)
             const data = await response.json()
 
-            console.log(data);
             changeClockifyData({projects: data})
 
         } catch (error) {
@@ -127,8 +126,6 @@ const ClockifyTaskForm = ({timerOn, setTimerOn, signedIn, apiKey, setApiKey, tas
     async function getTasks(projectID) {
 
         if (projectID === "0") {
-            changeClockifyData({projectID: undefined})
-            changeClockifyData({tasks: undefined})
             return
         }
 
@@ -226,13 +223,7 @@ const ClockifyTaskForm = ({timerOn, setTimerOn, signedIn, apiKey, setApiKey, tas
                                 </select>
 
                                 <select
-                                    onChange={(e) => {
-                                        if (e.target.value === "0") {
-                                            changeClockifyData({taskID: undefined})
-                                        } else {
-                                            changeClockifyData({taskID: e.target.value})
-                                        }
-                                    }}
+                                    onChange={(e) => changeClockifyData({taskID: e.target.value})}
                                     className={`project-selector ${(!clockifyData.projectID || (clockifyData.tasks && clockifyData.tasks.length === 0)) && 'disabled'}`}
                                 >
                                     <option value="0">Select a Task</option>
diff --git a/src/pages/Main/Main.jsx b/src/pages/Main/Main.jsx
index 4b452d8..620cffb 100644
--- a/src/pages/Main/Main.jsx
+++ b/src/pages/Main/Main.jsx
@@ -11,6 +11,34 @@ const Main = ({signedIn, darkMode, setKonamiCodeActive, KonamiCodeActive, notifi
     const [clockifyData, setClockifyData] = useState({})
 
     function changeClockifyData(obj) {
+
+        //* Module for clean the children propierties if father propierty changes
+        
+        // Select all propierties of user
+        const propierties = ["workspaces", "workspaceID", "projects", "projectID", "tasks", "taskID"]
+
+        propierties.forEach((propierty, index) => {
+            
+            // If obj have some of the propierties, create a subarray selecting all childrens
+            if (obj.hasOwnProperty(propierty)) {
+                
+                const subArray = propierties.slice(index + 1)
+
+                // Undefine all childrens
+                subArray.forEach(subPropierty => {
+                    obj[subPropierty] = undefined
+                })
+            }
+        })
+
+        //* Module for undefine the propierty if value is "0": string
+
+        propierties.forEach(propierty => {
+            if (obj[propierty] === "0") {
+                obj[propierty] = undefined
+            }
+        })
+
         setClockifyData(clockifyData => ({
             ...clockifyData,
             ...obj