From 72649df722a861f6c8b8efe1b94df4a56a7cf474 Mon Sep 17 00:00:00 2001
From: Alison Goryachev <alisonmllr20@gmail.com>
Date: Wed, 18 Mar 2020 16:26:48 -0400
Subject: [PATCH] update server_name help text

---
 .../remote_cluster_form.test.js.snap          | 50 +++++++++++++++++--
 .../remote_cluster_form.js                    | 18 ++++++-
 .../application/services/documentation.ts     |  2 +
 3 files changed, 63 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap b/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
index 97f0c353360f9..b5bf4057f0e36 100644
--- a/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
+++ b/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
@@ -835,9 +835,21 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
                       hasEmptyLabelSpace={false}
                       helpText={
                         <FormattedMessage
-                          defaultMessage="A string which will be sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled."
+                          defaultMessage="A string sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled. {learnMoreLink}"
                           id="xpack.remoteClusters.remoteClusterForm.fieldServerNameHelpText"
-                          values={Object {}}
+                          values={
+                            Object {
+                              "learnMoreLink": <ForwardRef
+                                target="_blank"
+                              >
+                                <FormattedMessage
+                                  defaultMessage="Learn more."
+                                  id="xpack.remoteClusters.remoteClusterForm.fieldServerNameHelpText.learnMoreLinkLabel"
+                                  values={Object {}}
+                                />
+                              </ForwardRef>,
+                            }
+                          }
                         />
                       }
                       label={
@@ -925,11 +937,39 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
                               id="mockId-help"
                             >
                               <FormattedMessage
-                                defaultMessage="A string which will be sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled."
+                                defaultMessage="A string sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled. {learnMoreLink}"
                                 id="xpack.remoteClusters.remoteClusterForm.fieldServerNameHelpText"
-                                values={Object {}}
+                                values={
+                                  Object {
+                                    "learnMoreLink": <ForwardRef
+                                      target="_blank"
+                                    >
+                                      <FormattedMessage
+                                        defaultMessage="Learn more."
+                                        id="xpack.remoteClusters.remoteClusterForm.fieldServerNameHelpText.learnMoreLinkLabel"
+                                        values={Object {}}
+                                      />
+                                    </ForwardRef>,
+                                  }
+                                }
                               >
-                                A string which will be sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled.
+                                A string sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled. 
+                                <EuiLink
+                                  target="_blank"
+                                >
+                                  <button
+                                    className="euiLink euiLink--primary"
+                                    type="button"
+                                  >
+                                    <FormattedMessage
+                                      defaultMessage="Learn more."
+                                      id="xpack.remoteClusters.remoteClusterForm.fieldServerNameHelpText.learnMoreLinkLabel"
+                                      values={Object {}}
+                                    >
+                                      Learn more.
+                                    </FormattedMessage>
+                                  </button>
+                                </EuiLink>
                               </FormattedMessage>
                             </div>
                           </EuiFormHelpText>
diff --git a/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/remote_cluster_form.js b/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/remote_cluster_form.js
index 97b3a8e72b5b3..94d6ca4ebb648 100644
--- a/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/remote_cluster_form.js
+++ b/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/remote_cluster_form.js
@@ -34,7 +34,11 @@ import {
   htmlIdGenerator,
 } from '@elastic/eui';
 
-import { skippingDisconnectedClustersUrl, transportPortUrl } from '../../../services/documentation';
+import {
+  skippingDisconnectedClustersUrl,
+  transportPortUrl,
+  proxySettingsUrl,
+} from '../../../services/documentation';
 
 import { RequestFlyout } from './request_flyout';
 
@@ -416,7 +420,17 @@ export class RemoteClusterForm extends Component {
           helpText={
             <FormattedMessage
               id="xpack.remoteClusters.remoteClusterForm.fieldServerNameHelpText"
-              defaultMessage="A string which will be sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled."
+              defaultMessage="A string sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled. {learnMoreLink}"
+              values={{
+                learnMoreLink: (
+                  <EuiLink href={proxySettingsUrl} target="_blank">
+                    <FormattedMessage
+                      id="xpack.remoteClusters.remoteClusterForm.fieldServerNameHelpText.learnMoreLinkLabel"
+                      defaultMessage="Learn more."
+                    />
+                  </EuiLink>
+                ),
+              }}
             />
           }
           fullWidth
diff --git a/x-pack/plugins/remote_clusters/public/application/services/documentation.ts b/x-pack/plugins/remote_clusters/public/application/services/documentation.ts
index f6f5dc987c2eb..76744e90096da 100644
--- a/x-pack/plugins/remote_clusters/public/application/services/documentation.ts
+++ b/x-pack/plugins/remote_clusters/public/application/services/documentation.ts
@@ -10,6 +10,7 @@ export let skippingDisconnectedClustersUrl: string;
 export let remoteClustersUrl: string;
 export let transportPortUrl: string;
 export let proxyModeUrl: string;
+export let proxySettingsUrl: string;
 
 export function init(docLinks: DocLinksStart): void {
   const { DOC_LINK_VERSION, ELASTIC_WEBSITE_URL } = docLinks;
@@ -19,4 +20,5 @@ export function init(docLinks: DocLinksStart): void {
   remoteClustersUrl = `${esDocBasePath}/modules-remote-clusters.html`;
   transportPortUrl = `${esDocBasePath}/modules-transport.html`;
   proxyModeUrl = `${esDocBasePath}/modules-remote-clusters.html#proxy-mode`;
+  proxySettingsUrl = `${esDocBasePath}/modules-remote-clusters.html#remote-cluster-proxy-settings`;
 }