Apply debouncing pattern to more GET

Author: mshriver

frontend/src/components/classify-failures.js

@@ -122,7 +122,10 @@ const ClassifyFailuresTable = () => {
       }
     };
 
-    fetchData();
+    const debouncer = setTimeout(() => {
+      fetchData();
+    }, 150);
+    return () => clearTimeout(debouncer);
   }, [
     page,
     pageSize,

frontend/src/components/test-history.js

@@ -175,7 +175,7 @@ const TestHistoryTable = ({ comparisonResults, testResult }) => {
     } else {
       const debouncer = setTimeout(() => {
         getResults();
-      }, 200);
+      }, 150);
       return () => {
         clearTimeout(debouncer);
       };
@@ -240,7 +240,7 @@ const TestHistoryTable = ({ comparisonResults, testResult }) => {
       };
       const debouncer = setTimeout(() => {
         resultAggFetch();
-      }, 200);
+      }, 150);
       return () => {
         clearTimeout(debouncer);
       };

frontend/src/dashboard.js

@@ -146,7 +146,10 @@ const Dashboard = () => {
     };
 
     if (primaryObject) {
-      fetchDashboards();
+      const debouncer = setTimeout(() => {
+        fetchDashboards();
+      }, 150);
+      return () => clearTimeout(debouncer);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

frontend/src/pages/admin/user-list.js

@@ -82,7 +82,10 @@ const UserList = () => {
       }
     };
 
-    fetchUsers();
+    const debouncer = setTimeout(() => {
+      fetchUsers();
+    }, 150);
+    return () => clearTimeout(debouncer);
   }, [
     page,
     pageSize,
@@ -113,7 +116,10 @@ const UserList = () => {
         }
       }
     };
-    deleteCall();
+    const debouncer = setTimeout(() => {
+      deleteCall();
+    }, 150);
+    return () => clearTimeout(debouncer);
   }, [selectedUser]);
 
   useEffect(() => {

frontend/src/result-list.js

@@ -74,7 +74,7 @@ const ResultList = () => {
 
     const debouncer = setTimeout(() => {
       fetchData();
-    }, 200);
+    }, 150);
     return () => clearTimeout(debouncer);
   }, [
     activeFilters,

frontend/src/result.js

@@ -24,9 +24,7 @@ const Result = () => {
 
   useEffect(() => {
     const fetchTestResult = async () => {
-      if (!result_id) {
-        return;
-      } else if (result_id !== testResult?.id) {
+      if (result_id !== testResult?.id) {
         try {
           setFetching(true);
           const response = await HttpClient.get([
@@ -45,7 +43,12 @@ const Result = () => {
         }
       }
     };
-    fetchTestResult();
+    if (result_id) {
+      const debouncer = setTimeout(() => {
+        fetchTestResult();
+      }, 150);
+      return () => clearTimeout(debouncer);
+    }
   }, [result_id, testResult]);
 
   return (

frontend/src/run-list.js

@@ -73,7 +73,7 @@ const RunList = () => {
 
     const debouncer = setTimeout(() => {
       fetchData();
-    }, 200);
+    }, 150);
     return () => clearTimeout(debouncer);
   }, [
     pageSize,