Merge pull request #13064 from kialam/fix-pending-health-check-button-setState

Fix pending state for health check button.

awx/ui/src/components/HealthCheckButton/HealthCheckButton.js

@@ -33,8 +33,10 @@ function HealthCheckButton({
           component="button"
           onClick={onClick}
           ouiaId="health-check"
+          isLoading={healthCheckPending}
+          spinnerAriaLabel={t`Running health check`}
         >
-          {t`Run health check`}
+          {healthCheckPending ? t`Running health check` : t`Run health check`}
         </DropdownItem>
       </Tooltip>
     );

awx/ui/src/screens/InstanceGroup/Instances/InstanceList.js

@@ -58,10 +58,10 @@ function InstanceList({ instanceGroup }) {
         InstanceGroupsAPI.readInstances(instanceGroupId, params),
         InstanceGroupsAPI.readInstanceOptions(instanceGroupId),
       ]);
-      setPendingHealthCheck(
-        response?.data?.result?.some((i) => i.health_check_pending === true)
+      const isPending = response.data.results.some(
+        (i) => i.health_check_pending === true
       );
-
+      setPendingHealthCheck(isPending);
       return {
         instances: response.data.results,
         count: response.data.count,

awx/ui/src/screens/Instances/InstanceList/InstanceList.js

@@ -53,9 +53,10 @@ function InstanceList() {
         InstancesAPI.readOptions(),
         SettingsAPI.readCategory('system'),
       ]);
-      setPendingHealthCheck(
-        response?.data?.result?.some((i) => i.health_check_pending === true)
+      const isPending = response.data.results.some(
+        (i) => i.health_check_pending === true
       );
+      setPendingHealthCheck(isPending);
       return {
         instances: response.data.results,
         isK8s: sysSettings.data.IS_K8S,