From f025303e233c2b5d6646c6ba441bdf8ff2b0eb0d Mon Sep 17 00:00:00 2001
From: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Date: Mon, 9 Nov 2020 16:49:13 +0200
Subject: [PATCH] Add a link to advanced settings for visualizations docs

---
 .../public/doc_links/doc_links_service.ts     |  1 +
 .../embeddable/disabled_lab_visualization.tsx | 27 ++++++++++++-------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/core/public/doc_links/doc_links_service.ts b/src/core/public/doc_links/doc_links_service.ts
index 48187fe465392..0815df4b9b0c7 100644
--- a/src/core/public/doc_links/doc_links_service.ts
+++ b/src/core/public/doc_links/doc_links_service.ts
@@ -131,6 +131,7 @@ export class DocLinksService {
         management: {
           kibanaSearchSettings: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/advanced-options.html#kibana-search-settings`,
           dashboardSettings: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/advanced-options.html#kibana-dashboard-settings`,
+          visualizationSettings: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/advanced-options.html#kibana-visualization-settings`,
         },
         visualize: {
           guide: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/visualize.html`,
diff --git a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx b/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
index 3bfabf27e0fc0..8faf53ed4bba1 100644
--- a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
+++ b/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
@@ -18,21 +18,22 @@
  */
 
 import { FormattedMessage, I18nProvider } from '@kbn/i18n/react';
-import { EuiEmptyPrompt } from '@elastic/eui';
+import { EuiEmptyPrompt, EuiLink } from '@elastic/eui';
 import React from 'react';
+import { getDocLinks } from '../services';
 
 export function DisabledLabVisualization({ title }: { title: string }) {
-  const promptTitle = (
-    <FormattedMessage
-      id="visualizations.disabledLabVisualizationTitle"
-      defaultMessage="{title} is a lab visualization."
-      values={{ title }}
-    />
-  );
+  const advancedSettingsLink = getDocLinks().links.management.visualizationSettings;
   return (
     <I18nProvider>
       <EuiEmptyPrompt
-        title={promptTitle}
+        title={
+          <FormattedMessage
+            id="visualizations.disabledLabVisualizationTitle"
+            defaultMessage="{title} is a lab visualization."
+            values={{ title }}
+          />
+        }
         iconType="beaker"
         body={
           <FormattedMessage
@@ -40,6 +41,14 @@ export function DisabledLabVisualization({ title }: { title: string }) {
             defaultMessage="Please turn on lab-mode in the advanced settings to see lab visualizations."
           />
         }
+        actions={
+          <EuiLink target="_blank" external href={advancedSettingsLink}>
+            <FormattedMessage
+              id="visualizations.disabledLabVisualizationLink"
+              defaultMessage="Read documentation"
+            />
+          </EuiLink>
+        }
       />
     </I18nProvider>
   );