diff --git a/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/confirm_incoming_data.tsx b/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/confirm_incoming_data.tsx index b74129e443e45..021acfbb17644 100644 --- a/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/confirm_incoming_data.tsx +++ b/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/confirm_incoming_data.tsx @@ -6,7 +6,8 @@ */ import React from 'react'; -import { EuiCallOut, EuiText, EuiSpacer, EuiButton } from '@elastic/eui'; +import { EuiCallOut, EuiText, EuiSpacer, EuiButton, EuiLink } from '@elastic/eui'; +import { FormattedMessage } from '@kbn/i18n-react'; import { i18n } from '@kbn/i18n'; import type { InstalledIntegrationPolicy } from './use_get_agent_incoming_data'; @@ -17,6 +18,7 @@ interface Props { installedPolicy?: InstalledIntegrationPolicy; agentDataConfirmed: boolean; setAgentDataConfirmed: (v: boolean) => void; + troubleshootLink: string; } export const ConfirmIncomingData: React.FunctionComponent = ({ @@ -24,6 +26,7 @@ export const ConfirmIncomingData: React.FunctionComponent = ({ installedPolicy, agentDataConfirmed, setAgentDataConfirmed, + troubleshootLink, }) => { const { incomingData, isLoading } = usePollingIncomingData(agentIds); @@ -37,11 +40,21 @@ export const ConfirmIncomingData: React.FunctionComponent = ({ } if (!agentDataConfirmed) { return ( - - {i18n.translate('xpack.fleet.confirmIncomingData.loading', { - defaultMessage: - 'It may take a few minutes for data to arrive in Elasticsearch. If the system is not generating data, it may help to generate some to ensure data is being collected correctly. If you’re having trouble, see our troubleshooting guide. You may close this dialog and check later by viewing our integration assets.', - })} + + + + + ), + }} + /> ); } diff --git a/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/compute_steps.tsx b/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/compute_steps.tsx index 8ce582a0b24f0..46224e9e836ae 100644 --- a/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/compute_steps.tsx +++ b/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/compute_steps.tsx @@ -279,6 +279,7 @@ export const ManagedSteps: React.FunctionComponent = ({ agentDataConfirmed, setAgentDataConfirmed, installedPolicy: installedPackagePolicy, + troubleshootLink: link, }) ); } diff --git a/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/incoming_data_confirmation_step.tsx b/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/incoming_data_confirmation_step.tsx index 738b270d00bf4..a35a318f40c5a 100644 --- a/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/incoming_data_confirmation_step.tsx +++ b/x-pack/plugins/fleet/public/components/agent_enrollment_flyout/steps/incoming_data_confirmation_step.tsx @@ -20,11 +20,13 @@ export const IncomingDataConfirmationStep = ({ installedPolicy, agentDataConfirmed, setAgentDataConfirmed, + troubleshootLink, }: { agentIds: string[]; installedPolicy?: InstalledIntegrationPolicy; agentDataConfirmed: boolean; setAgentDataConfirmed: (v: boolean) => void; + troubleshootLink: string; }): EuiContainedStepProps => { return { title: !agentDataConfirmed @@ -41,6 +43,7 @@ export const IncomingDataConfirmationStep = ({ installedPolicy={installedPolicy} agentDataConfirmed={agentDataConfirmed} setAgentDataConfirmed={setAgentDataConfirmed} + troubleshootLink={troubleshootLink} /> ) : null, status: agentIds.length > 0 ? (!agentDataConfirmed ? 'loading' : 'complete') : 'disabled',