[APM] Distribution histogram - Replaced custom tooltip with EuiIconTip (#32753) (#32770)

* Replaced with EuiIconTip
This commit is contained in:
Casper Hübertz 2019-03-08 20:11:17 +01:00 committed by GitHub
parent d4bb33d3a1
commit 92c0c861b6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -4,7 +4,7 @@
* you may not use this file except in compliance with the Elastic License.
*/
import { EuiIcon, EuiText, EuiTitle, EuiToolTip } from '@elastic/eui';
import { EuiIconTip, EuiTitle } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import d3 from 'd3';
import { Location } from 'history';
@ -138,32 +138,22 @@ export class TransactionDistribution extends Component<Props> {
defaultMessage: 'Transactions duration distribution'
}
)}{' '}
<EuiToolTip
content={
<div>
<EuiText>
<strong>
{i18n.translate(
'xpack.apm.transactionDetails.transactionsDurationDistributionChartTooltip.samplingLabel',
{
defaultMessage: 'Sampling'
}
)}
</strong>
</EuiText>
<EuiText>
{i18n.translate(
'xpack.apm.transactionDetails.transactionsDurationDistributionChartTooltip.samplingDescription',
{
defaultMessage: `Each bucket will show a sample transaction. If there's no sample available, it's most likely because of the sampling limit set in the agent configuration.`
}
)}
</EuiText>
</div>
}
>
<EuiIcon type="questionInCircle" />
</EuiToolTip>
<EuiIconTip
title={i18n.translate(
'xpack.apm.transactionDetails.transactionsDurationDistributionChartTooltip.samplingLabel',
{
defaultMessage: 'Sampling'
}
)}
content={i18n.translate(
'xpack.apm.transactionDetails.transactionsDurationDistributionChartTooltip.samplingDescription',
{
defaultMessage:
"Each bucket will show a sample transaction. If there's no sample available, it's most likely because of the sampling limit set in the agent configuration."
}
)}
position="top"
/>
</h5>
</EuiTitle>