[Fleet] Display metrics tooltip on Agent details page (#152153)

This commit is contained in:
GitStart 2023-02-27 19:24:01 +01:00 committed by GitHub
parent 0e2a448034
commit e2219e000f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -52,15 +52,47 @@ export const AgentDetailsOverviewSection: React.FunctionComponent<{
<EuiFlexGroup direction="column" gutterSize="m">
{[
{
title: i18n.translate('xpack.fleet.agentDetails.cpuLabel', {
defaultMessage: 'CPU',
}),
title: (
<EuiToolTip
content={
<FormattedMessage
id="xpack.fleet.agentDetails.cpuTooltip"
defaultMessage="Average CPU usage in the last 5 minutes"
/>
}
>
<span>
<FormattedMessage
id="xpack.fleet.agentDetails.cpuTitle"
defaultMessage="CPU"
/>
&nbsp;
<EuiIcon type="iInCircle" />
</span>
</EuiToolTip>
),
description: formatAgentCPU(agent.metrics, agentPolicy),
},
{
title: i18n.translate('xpack.fleet.agentDetails.memoryLabel', {
defaultMessage: 'Memory',
}),
title: (
<EuiToolTip
content={
<FormattedMessage
id="xpack.fleet.agentDetails.memoryTooltip"
defaultMessage="Average memory usage in the last 5 minutes"
/>
}
>
<span>
<FormattedMessage
id="xpack.fleet.agentDetails.memoryTitle"
defaultMessage="Memory"
/>
&nbsp;
<EuiIcon type="iInCircle" />
</span>
</EuiToolTip>
),
description: formatAgentMemory(agent.metrics, agentPolicy),
},
].map(({ title, description }) => {