From a7309a6f4eceaed471dce98021854c6002af0fcf Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Thu, 2 Apr 2020 05:25:48 -0700
Subject: [PATCH] Show server name in Remote Cluster detail panel (#62250)

* Fix text size for connection status and seeds.
---
 .../connection_status/connection_status.js    |  2 +-
 .../detail_panel/detail_panel.js              | 24 ++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/components/connection_status/connection_status.js b/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/components/connection_status/connection_status.js
index f032636af0bc..e71320f51049 100644
--- a/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/components/connection_status/connection_status.js
+++ b/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/components/connection_status/connection_status.js
@@ -44,7 +44,7 @@ export function ConnectionStatus({ isConnected, mode }) {
           <EuiFlexItem grow={false}>{icon}</EuiFlexItem>
 
           <EuiFlexItem className="remoteClustersConnectionStatus__message">
-            <EuiText>{message}</EuiText>
+            <EuiText size="s">{message}</EuiText>
           </EuiFlexItem>
         </EuiFlexGroup>
       </EuiFlexItem>
diff --git a/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/detail_panel/detail_panel.js b/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/detail_panel/detail_panel.js
index 4006422d3df5..94c5fd6ce7c3 100644
--- a/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/detail_panel/detail_panel.js
+++ b/x-pack/plugins/remote_clusters/public/application/sections/remote_cluster_list/detail_panel/detail_panel.js
@@ -230,7 +230,9 @@ export class DetailPanel extends Component {
 
             <EuiDescriptionListDescription data-test-subj="remoteClusterDetailSeeds">
               {seeds.map(seed => (
-                <EuiText key={seed}>{seed}</EuiText>
+                <EuiText size="s" key={seed}>
+                  {seed}
+                </EuiText>
               ))}
             </EuiDescriptionListDescription>
           </EuiFlexItem>
@@ -296,6 +298,7 @@ export class DetailPanel extends Component {
     proxySocketConnections,
     connectedSocketsCount,
     mode,
+    serverName,
   }) {
     return (
       <EuiDescriptionList data-test-subj="remoteClusterDetailPanelStatusValues">
@@ -398,6 +401,25 @@ export class DetailPanel extends Component {
             </EuiDescriptionListDescription>
           </EuiFlexItem>
         </EuiFlexGroup>
+
+        <EuiSpacer size="s" />
+
+        <EuiFlexGroup>
+          <EuiFlexItem>
+            <EuiDescriptionListTitle>
+              <EuiTitle size="xs">
+                <FormattedMessage
+                  id="xpack.remoteClusters.detailPanel.serverNameLabel"
+                  defaultMessage="Server name"
+                />
+              </EuiTitle>
+            </EuiDescriptionListTitle>
+
+            <EuiDescriptionListDescription data-test-subj="remoteClusterDetailServerName">
+              {serverName ? serverName : '-'}
+            </EuiDescriptionListDescription>
+          </EuiFlexItem>
+        </EuiFlexGroup>
       </EuiDescriptionList>
     );
   }