Add agent explanation to agent flyout.

elastic · Sep 2, 2020 · c5670ad · c5670ad
1 parent 97ce531
commit c5670ad
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/...c/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/index.tsx b/...c/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/index.tsx
@@ -8,6 +8,8 @@ import {
   EuiFlyout,
   EuiFlyoutBody,
   EuiFlyoutHeader,
+  EuiSpacer,
+  EuiText,
   EuiTitle,
   EuiFlexGroup,
   EuiFlexItem,
@@ -44,6 +46,14 @@ export const AgentEnrollmentFlyout: React.FunctionComponent<Props> = ({
             />
           </h2>
         </EuiTitle>
+        <EuiSpacer size="l" />
+        <EuiText>
+          <FormattedMessage
+            id="xpack.ingestManager.agentEnrollment.agentDescription"
+            defaultMessage="Add Elastic Agents to your hosts to collect data and send it to the Elastic Stack."
+          />
+        </EuiText>
+        <EuiSpacer size="l" />
         <EuiTabs style={{ marginBottom: '-25px' }}>
           <EuiTab isSelected={mode === 'managed'} onClick={() => setMode('managed')}>
             <FormattedMessage