fix: pages periodic refresh and Smart Proxy service fix (#177)

* fix: Refresh pages and smartproxy fix * fix: refresh for clusterList and RecsList pages and smart proxy fix
RedHatInsights · Mar 15, 2022 · 50212ae · 50212ae
1 parent 3394e73
commit 50212ae
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/Components/ClustersListTable/ClustersListTable.js b/src/Components/ClustersListTable/ClustersListTable.js
@@ -43,7 +43,7 @@ import {
 } from '../MessageState/EmptyStates';
 
 const ClustersListTable = ({
-  query: { isError, isUninitialized, isFetching, isSuccess, data },
+  query: { isError, isUninitialized, isFetching, isSuccess, data, refetch },
 }) => {
   const intl = useIntl();
   const dispatch = useDispatch();
@@ -105,6 +105,8 @@ const ClustersListTable = ({
     );
   };
 
+  useEffect(() => setInterval(() => refetch(), 20000), []);
+
   const removeFilterParam = (param) => {
     const { [param]: omitted, ...newFilters } = { ...filters, offset: 0 };
     updateFilters({

diff --git a/src/Components/ClustersListTable/ClustersListTable.spec.ct.js b/src/Components/ClustersListTable/ClustersListTable.spec.ct.js
@@ -148,6 +148,7 @@ describe('clusters list table', () => {
                 isUninitialized: false,
                 isSuccess: true,
                 data: props,
+                refetch: cy.stub(),
               }}
             />
           </Provider>

diff --git a/src/Components/RecsListTable/RecsListTable.js b/src/Components/RecsListTable/RecsListTable.js
@@ -111,6 +111,8 @@ const RecsListTable = ({ query }) => {
     setFilterBuilding(false);
   }, []);
 
+  useEffect(() => setInterval(() => refetch(), 20000), []);
+
   // constructs array of rows (from the initial data) checking currently applied filters
   const buildFilteredRows = (allRows, filters) => {
     return allRows

diff --git a/src/Services/SmartProxy.js b/src/Services/SmartProxy.js
@@ -8,6 +8,7 @@ export const SmartProxyApi = createApi({
     baseUrl: BASE_URL,
   }),
   refetchOnReconnect: true,
+  refetchOnMountOrArgChange: 3,
   endpoints: (builder) => ({
     getClusterById: builder.query({
       query: ({ id, includeDisabled }) =>
@@ -23,7 +24,6 @@ export const SmartProxyApi = createApi({
     }),
     getRecs: builder.query({
       query: () => `v2/rule`,
-      keepUnusedDataFor: 5,
     }),
     getClusters: builder.query({
       query: () => `v2/clusters`,
@@ -32,7 +32,6 @@ export const SmartProxyApi = createApi({
           data: response.data.filter((element) => element.cluster_id !== ''),
         };
       },
-      keepUnusedDataFor: 5,
     }),
   }),
 });