problems panel: show tooltip for item value

This commit is contained in:
Alexander Zobnin
2018-12-08 13:22:58 +03:00
parent 80c39d6396
commit 9e4bf88195

View File

@@ -187,12 +187,15 @@ 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_);
return ( return (
<div className="problem-item"> <Tooltip placement="bottom" content={itemName}>
<FAIcon icon="thermometer-three-quarters" /> <div className="problem-item">
{showName && <span className="problem-item-name">{item.name}: </span>} <FAIcon icon="thermometer-three-quarters" />
<span className="problem-item-value">{item.lastvalue}</span> {showName && <span className="problem-item-name">{item.name}: </span>}
</div> <span className="problem-item-value">{item.lastvalue}</span>
</div>
</Tooltip>
); );
} }