Add 'Refresh' button functionality

The 'Refresh' button should refetch the data related to the Sudo rules of a given user. Signed-off-by: Carla Martinez <[email protected]>
carma12 · May 21, 2024 · ecc3941 · ecc3941
1 parent 5e52776
commit ecc3941
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/MemberOf/MemberOfSudoRules.tsx b/src/components/MemberOf/MemberOfSudoRules.tsx
@@ -103,6 +103,11 @@ const MemberOfSudoRules = (props: MemberOfSudoRulesProps) => {
   const someItemSelected = sudoRulesSelected.length > 0;
   const showTableRows = sudoRules.length > 0;
 
+  // Buttons functionality
+  // - Refresh
+  const isRefreshButtonEnabled =
+    !fullSudoRulesQuery.isFetching && !props.isUserDataLoading;
+
   return (
     <>
       <alerts.ManagedAlerts />
@@ -111,7 +116,7 @@ const MemberOfSudoRules = (props: MemberOfSudoRulesProps) => {
         onSearchTextChange={setSearchValue}
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         onSearch={() => {}}
-        refreshButtonEnabled={true}
+        refreshButtonEnabled={isRefreshButtonEnabled}
         onRefreshButtonClick={props.onRefreshUserData}
         deleteButtonEnabled={someItemSelected}
         // eslint-disable-next-line @typescript-eslint/no-empty-function