chore(frontend): refresh task status in TaskView.js (#241)

shini4i · Jan 23, 2024 · 4aa6228 · 4aa6228
1 parent 910baac
commit 4aa6228
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/web/src/Components/TaskView.js b/web/src/Components/TaskView.js
@@ -69,6 +69,30 @@ export default function TaskView() {
             });
     }, [id]);
 
+    useEffect(() => {
+        let intervalId;
+
+        const fetchTaskStatus = async () => {
+            console.log('Fetching task status...')
+            try {
+                const updatedTask = await fetchTask(id);
+                setTask(updatedTask);
+            } catch (error) {
+                setError('fetchTaskStatus', error.message);
+            }
+        };
+
+        if (task && task.status === 'in progress') {
+            intervalId = setInterval(fetchTaskStatus, 10000);
+        }
+
+        return () => {
+            if (intervalId) {
+                clearInterval(intervalId);
+            }
+        };
+    }, [task]);
+
     const userIsPrivileged = groups && privilegedGroups && groups.some(group => privilegedGroups.includes(group));
 
     const rollbackToVersion = async () => {