[7.7] Show server name in Remote Cluster detail panel (#62250) (#62305)

* Fix text size for connection status and seeds.
elastic · Apr 2, 2020 · a025f59 · a025f59
1 parent 061248f
commit a025f59
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/...pplication/sections/remote_cluster_list/components/connection_status/connection_status.js b/...pplication/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/...ote_clusters/public/application/sections/remote_cluster_list/detail_panel/detail_panel.js b/...ote_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>
     );
   }