From 349d91477c44a6d93d5dc02daee283b1232f04bd Mon Sep 17 00:00:00 2001
From: Elizabeth Esswein <elizabeth.esswein@gmail.com>
Date: Thu, 17 Nov 2022 22:52:26 -0500
Subject: [PATCH] add simple refresh capability

---
 spiffworkflow-frontend/src/helpers.tsx        | 13 ++++++++
 spiffworkflow-frontend/src/routes/MyTasks.tsx | 30 ++++++++++++-------
 2 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/spiffworkflow-frontend/src/helpers.tsx b/spiffworkflow-frontend/src/helpers.tsx
index 964787906..ab97c8dce 100644
--- a/spiffworkflow-frontend/src/helpers.tsx
+++ b/spiffworkflow-frontend/src/helpers.tsx
@@ -197,3 +197,16 @@ export const getGroupFromModifiedModelId = (modifiedId: string) => {
 export const splitProcessModelId = (processModelId: string) => {
   return processModelId.split('/');
 };
+
+export const refreshAtInterval = (
+  interval: number,
+  timeout: number,
+  func: Function
+) => {
+  const intervalRef = setInterval(() => func(), interval * 1000);
+  const timeoutRef = setTimeout(
+    () => clearInterval(intervalRef),
+    timeout * 1000
+  );
+  return [intervalRef, timeoutRef];
+};
diff --git a/spiffworkflow-frontend/src/routes/MyTasks.tsx b/spiffworkflow-frontend/src/routes/MyTasks.tsx
index 010f3805d..c59c49f59 100644
--- a/spiffworkflow-frontend/src/routes/MyTasks.tsx
+++ b/spiffworkflow-frontend/src/routes/MyTasks.tsx
@@ -6,11 +6,14 @@ import PaginationForTable from '../components/PaginationForTable';
 import {
   getPageInfoFromSearchParams,
   modifyProcessModelPath,
+  refreshAtInterval,
 } from '../helpers';
 import HttpService from '../services/HttpService';
 import { PaginationObject, RecentProcessModel } from '../interfaces';
 
 const PER_PAGE_FOR_TASKS_ON_HOME_PAGE = 5;
+const REFRESH_INTERVAL = 10;
+const REFRESH_TIMEOUT = 600;
 
 export default function MyTasks() {
   const [searchParams] = useSearchParams();
@@ -18,18 +21,23 @@ export default function MyTasks() {
   const [pagination, setPagination] = useState<PaginationObject | null>(null);
 
   useEffect(() => {
-    const { page, perPage } = getPageInfoFromSearchParams(
-      searchParams,
-      PER_PAGE_FOR_TASKS_ON_HOME_PAGE
-    );
-    const setTasksFromResult = (result: any) => {
-      setTasks(result.results);
-      setPagination(result.pagination);
+    const getTasks = () => {
+      const { page, perPage } = getPageInfoFromSearchParams(
+        searchParams,
+        PER_PAGE_FOR_TASKS_ON_HOME_PAGE
+      );
+      const setTasksFromResult = (result: any) => {
+        setTasks(result.results);
+        setPagination(result.pagination);
+      };
+      HttpService.makeCallToBackend({
+        path: `/tasks?per_page=${perPage}&page=${page}`,
+        successCallback: setTasksFromResult,
+      });
     };
-    HttpService.makeCallToBackend({
-      path: `/tasks?per_page=${perPage}&page=${page}`,
-      successCallback: setTasksFromResult,
-    });
+
+    getTasks();
+    refreshAtInterval(REFRESH_INTERVAL, REFRESH_TIMEOUT, getTasks);
   }, [searchParams]);
 
   let recentProcessModels: RecentProcessModel[] = [];