Use target=_blank for links in validation steps (#143897)

byronhulcher · web-flow · commit 8b01521bf02a · 2022-10-25T16:39:30.000-04:00
diff --git a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/crawler/domain_management/add_domain/validation_step_panel.tsx b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/crawler/domain_management/add_domain/validation_step_panel.tsx
@@ -10,10 +10,12 @@ import React from 'react';
 import {
   EuiFlexGroup,
   EuiFlexItem,
+  EuiLink,
   EuiMarkdownFormat,
   EuiPanel,
   EuiSpacer,
   EuiTitle,
+  getDefaultEuiMarkdownProcessingPlugins,
 } from '@elastic/eui';
 
 import { CrawlerDomainValidationStep } from '../../../../../api/crawler/types';
@@ -27,6 +29,9 @@ interface ValidationStepPanelProps {
   step: CrawlerDomainValidationStep;
 }
 
+const processingPlugins = getDefaultEuiMarkdownProcessingPlugins();
+processingPlugins[1][1].components.a = (props) => <EuiLink {...props} target="_blank" />;
+
 export const ValidationStepPanel: React.FC<ValidationStepPanelProps> = ({
   step,
   label,
@@ -49,7 +54,11 @@ export const ValidationStepPanel: React.FC<ValidationStepPanelProps> = ({
       {showErrorMessage && (
         <>
           <EuiSpacer size="xs" />
-          <EuiMarkdownFormat textSize="s" data-test-subj="errorMessage">
+          <EuiMarkdownFormat
+            textSize="s"
+            data-test-subj="errorMessage"
+            processingPluginList={processingPlugins}
+          >
             {step.message || ''}
           </EuiMarkdownFormat>
           {action && (
