Small improvements to add cluster page (#29142) (#29208)

Improve text around what port should be entered, and add a tooltip that explains the "Not Connected" error message.
This commit is contained in:
CJ Cenizal 2019-01-23 13:21:22 -08:00 committed by GitHub
parent d39bebde67
commit 4303d8df74
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 6 deletions

View file

@ -327,7 +327,7 @@ export const RemoteClusterForm = injectI18n(
helpText={(
<FormattedMessage
id="xpack.remoteClusters.remoteClusterForm.sectionSeedsHelpText"
defaultMessage="An IP address or host name, followed by the port."
defaultMessage="An IP address or host name, followed by the transport port of the remote cluster."
/>
)}
isInvalid={showErrors}

View file

@ -12,6 +12,7 @@ import {
EuiFlexGroup,
EuiFlexItem,
EuiIcon,
EuiIconTip,
EuiText,
} from '@elastic/eui';
@ -43,16 +44,31 @@ export function ConnectionStatus({ isConnected }) {
});
}
const seedNodeTooltip = i18n.translate('xpack.remoteClusters.connectedStatus.notConnectedToolTip', {
defaultMessage: "Ensure the seed nodes are configured with the remote cluster's transport port, not the http port.",
});
return (
<EuiFlexGroup gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
{icon}
<EuiFlexGroup gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
{icon}
</EuiFlexItem>
<EuiFlexItem>
<EuiText>
{message}
</EuiText>
</EuiFlexItem>
</EuiFlexGroup>
</EuiFlexItem>
<EuiFlexItem>
<EuiText>
{message}
</EuiText>
<EuiFlexItem grow={false}>
<EuiIconTip
color="subdued"
content={seedNodeTooltip}
/>
</EuiFlexItem>
</EuiFlexGroup>
);