auto refresh tasks waiting for my groups on homepage

spiffworkflow-frontend/src/components/TasksWaitingForMyGroups.tsx

@@ -7,6 +7,7 @@ import {
   convertSecondsToFormattedDateTime,
   getPageInfoFromSearchParams,
   modifyProcessIdentifierForPathParam,
+  refreshAtInterval,
 } from '../helpers';
 import HttpService from '../services/HttpService';
 import { PaginationObject } from '../interfaces';
@@ -14,6 +15,8 @@ import TableCellWithTimeAgoInWords from './TableCellWithTimeAgoInWords';
 
 const PER_PAGE_FOR_TASKS_ON_HOME_PAGE = 5;
 const paginationQueryParamPrefix = 'tasks_waiting_for_my_groups';
+const REFRESH_INTERVAL = 5;
+const REFRESH_TIMEOUT = 600;
 
 export default function TasksWaitingForMyGroups() {
   const [searchParams] = useSearchParams();
@@ -21,6 +24,7 @@ export default function TasksWaitingForMyGroups() {
   const [pagination, setPagination] = useState<PaginationObject | null>(null);
 
   useEffect(() => {
+    const getTasks = () => {
       const { page, perPage } = getPageInfoFromSearchParams(
         searchParams,
         PER_PAGE_FOR_TASKS_ON_HOME_PAGE,
@@ -35,6 +39,9 @@ export default function TasksWaitingForMyGroups() {
         path: `/tasks/for-my-groups?per_page=${perPage}&page=${page}`,
         successCallback: setTasksFromResult,
       });
+    };
+    getTasks();
+    refreshAtInterval(REFRESH_INTERVAL, REFRESH_TIMEOUT, getTasks);
   }, [searchParams]);
 
   const buildTable = () => {