From ce74b07bc41255cc731ebff75a13f37312033fd0 Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Thu, 17 Nov 2022 16:36:38 -0500
Subject: [PATCH] added back the useEffect for report filtering w/ burnettk

---
 .../components/ProcessInstanceListTable.tsx   | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
index 636481a42..75de56c0a 100644
--- a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
+++ b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
@@ -253,6 +253,54 @@ export default function ProcessInstanceListTable({
     perPageOptions,
   ]);
 
+  // This sets the filter data using the saved reports returned from the initial instance_list query.
+  // This could probably be merged into the main useEffect but it works here now.
+  useEffect(() => {
+    const filters = processInstanceFilters as any;
+    Object.keys(dateParametersToAlwaysFilterBy).forEach((paramName: string) => {
+      const dateFunctionToCall = dateParametersToAlwaysFilterBy[paramName][0];
+      const timeFunctionToCall = dateParametersToAlwaysFilterBy[paramName][1];
+      const paramValue = filters[paramName];
+      dateFunctionToCall('');
+      timeFunctionToCall('');
+      if (paramValue) {
+        const dateString = convertSecondsToFormattedDateString(
+          paramValue as any
+        );
+        dateFunctionToCall(dateString);
+        const timeString = convertSecondsToFormattedTimeHoursMinutes(
+          paramValue as any
+        );
+        timeFunctionToCall(timeString);
+        setShowFilterOptions(true);
+      }
+    });
+
+    setProcessModelSelection(null);
+    processModelAvailableItems.forEach((item: any) => {
+      if (item.id === filters.process_model_identifier) {
+        setProcessModelSelection(item);
+      }
+    });
+
+    const processStatusSelectedArray: string[] = [];
+    if (filters.process_status) {
+      PROCESS_STATUSES.forEach((processStatusOption: any) => {
+        const regex = new RegExp(`\\b${processStatusOption}\\b`);
+        if (filters.process_status.match(regex)) {
+          processStatusSelectedArray.push(processStatusOption);
+        }
+      });
+      setShowFilterOptions(true);
+    }
+    setProcessStatusSelection(processStatusSelectedArray);
+  }, [
+    processInstanceFilters,
+    dateParametersToAlwaysFilterBy,
+    parametersToGetFromSearchParams,
+    processModelAvailableItems,
+  ]);
+
   // does the comparison, but also returns false if either argument
   // is not truthy and therefore not comparable.
   const isTrueComparison = (param1: any, operation: any, param2: any) => {