Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Problems: show item value in tooltip, fix #1145

Browse Source
This commit is contained in:
Alexander Zobnin
2021-02-04 13:35:23 +03:00
parent 52b8317a91
commit fdaadaf83e
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/panel-triggers/components/Problems/ProblemDetails.tsx
View File

@@ -216,11 +216,13 @@ interface ProblemItemProps {
function ProblemItem(props: ProblemItemProps) { function ProblemItem(props: ProblemItemProps) {
const { item, showName } = props; const { item, showName } = props;
const itemName = utils.expandItemName(item.name, item.key_); const itemName = utils.expandItemName(item.name, item.key_);
const tooltipContent = () => <>{itemName}<br/>{item.lastvalue}</>;
return ( return (
<div className="problem-item"> <div className="problem-item">
<FAIcon icon="thermometer-three-quarters" /> <FAIcon icon="thermometer-three-quarters" />
{showName && <span className="problem-item-name">{item.name}: </span>} {showName && <span className="problem-item-name">{item.name}: </span>}
<Tooltip placement="top-start" content={itemName}> <Tooltip placement="top-start" content={tooltipContent}>
<span className="problem-item-value">{item.lastvalue}</span> <span className="problem-item-value">{item.lastvalue}</span>
</Tooltip> </Tooltip>
</div> </div>