From 9fdd5698387bc1ef156fee2b29cc40031a7e8220 Mon Sep 17 00:00:00 2001
From: Nicolas Chaulet <nicolas.chaulet@elastic.co>
Date: Wed, 30 Jun 2021 11:32:17 -0400
Subject: [PATCH] [Fleet] Do not show settings banner while its loading in the
 add agent flyout (#103883)

---
 .../fleet/public/components/agent_enrollment_flyout/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 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
index 9e4bdf386ef47..08d78154941e9 100644
--- 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
         }