add changeWatch variable to TaskList, works within a tab #124

blahosyl · Aug 14, 2024 · 199b3a4 · 199b3a4
1 parent 00f32cd
commit 199b3a4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/pages/tasks/Task.js b/src/pages/tasks/Task.js
@@ -53,6 +53,7 @@ const Task = (props) => {
     taskDetail,
     taskList,
     setTasks,
+    setChangedWatch,
   } = props;
 
   const currentUser = useCurrentUser();
@@ -109,6 +110,7 @@ const Task = (props) => {
             : task;
         }),
       }));
+      setChangedWatch(true);
     } catch (err) {
       console.log(err);
     }
@@ -129,6 +131,7 @@ const Task = (props) => {
             : task;
         }),
       }));
+      setChangedWatch(true);
     } catch (err) {
       console.log(err);
     }

diff --git a/src/pages/tasks/TaskList.js b/src/pages/tasks/TaskList.js
@@ -23,6 +23,8 @@ function TaskList({ message, filter = "" , taskList}) {
 
   const [hasLoaded, setHasLoaded] = useState(false);
 
+  const [changedWatch, setChangedWatch] = useState(false);
+
   const { pathname } = useLocation();
 
   const [query, setQuery] = useState("");
@@ -48,7 +50,7 @@ function TaskList({ message, filter = "" , taskList}) {
     return () => {
       clearTimeout(timer);
     };
-  }, [filter, query, pathname, currentUser]);
+  }, [filter, query, pathname, currentUser, changedWatch]);
 
   return (
     <Row className="h-100 mt-3">
@@ -75,6 +77,8 @@ function TaskList({ message, filter = "" , taskList}) {
                     key={task.id} {...task} 
                     setTasks={setTasks} 
                     taskList={taskList}
+                    changedWatch={changedWatch}
+                    setChangedWatch={setChangedWatch}
                   />
                 ))}
                 dataLength={tasks.results.length}