Merge pull request #49 from sartography/feature/refresh-my-tasks

add simple refresh capability

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];
+};

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,6 +21,7 @@ export default function MyTasks() {
   const [pagination, setPagination] = useState<PaginationObject | null>(null);
 
   useEffect(() => {
+    const getTasks = () => {
       const { page, perPage } = getPageInfoFromSearchParams(
         searchParams,
         PER_PAGE_FOR_TASKS_ON_HOME_PAGE
@@ -30,6 +34,10 @@ export default function MyTasks() {
         path: `/tasks?per_page=${perPage}&page=${page}`,
         successCallback: setTasksFromResult,
       });
+    };
+
+    getTasks();
+    refreshAtInterval(REFRESH_INTERVAL, REFRESH_TIMEOUT, getTasks);
   }, [searchParams]);
 
   let recentProcessModels: RecentProcessModel[] = [];