adding link to docs

elastic · Mar 21, 2022 · 39b35ce · 39b35ce
1 parent 7ba3739
commit 39b35ce
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/x-pack/plugins/apm/public/components/app/service_groups/service_groups_tour.tsx b/x-pack/plugins/apm/public/components/app/service_groups/service_groups_tour.tsx
@@ -8,6 +8,7 @@
 import { EuiButtonEmpty, EuiSpacer, EuiText, EuiTourStep } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
+import { ElasticDocsLink } from '../../shared/links/elastic_docs_link';
 
 export type TourType = 'createGroup' | 'editGroup' | 'serviceGroupCard';
 
@@ -34,11 +35,17 @@ export function ServiceGroupsTour({
             {content}
           </EuiText>
           <EuiSpacer />
-          <EuiText size="s" color="subdued">
-            {i18n.translate('xpack.apm.serviceGroups.tour.content.link', {
-              defaultMessage: 'Learn more in our documentation',
-            })}
-          </EuiText>
+          <ElasticDocsLink
+            section="/kibana"
+            path="/services.html"
+            target="blank"
+          >
+            <EuiText size="s" color="subdued">
+              {i18n.translate('xpack.apm.serviceGroups.tour.content.link', {
+                defaultMessage: 'Learn more in our documentation',
+              })}
+            </EuiText>
+          </ElasticDocsLink>
         </>
       }
       isStepOpen={tourEnabled}