[Fleet] Do not show settings banner while its loading in the add agen…

…t flyout (#103883)
elastic · Jun 30, 2021 · 9fdd569 · 9fdd569
1 parent 36b21b4
commit 9fdd569
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/index.tsx b/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/index.tsx
@@ -63,6 +63,8 @@ export const AgentEnrollmentFlyout: React.FunctionComponent<Props> = ({
     }
   }, [modal, lastModal, settings]);
 
+  const isLoadingInitialRequest = settings.isLoading && settings.isInitialRequest;
+
   return (
     <EuiFlyout data-test-subj="agentEnrollmentFlyout" onClose={onClose} size="m">
       <EuiFlyoutHeader hasBorder aria-labelledby="FleetAgentEnrollmentFlyoutTitle">
@@ -108,7 +110,7 @@ export const AgentEnrollmentFlyout: React.FunctionComponent<Props> = ({
 
       <EuiFlyoutBody
         banner={
-          fleetServerHosts.length === 0 && mode === 'managed' ? (
+          !isLoadingInitialRequest && fleetServerHosts.length === 0 && mode === 'managed' ? (
             <MissingFleetServerHostCallout />
           ) : undefined
         }