problems panel: show tooltip for item value

2018-12-08 13:22:58 +03:00
parent 80c39d6396
commit 9e4bf88195
1 changed files with 8 additions and 5 deletions
--- a/src/panel-triggers/components/Problems.tsx
+++ b/src/panel-triggers/components/Problems.tsx
@@ -187,12 +187,15 @@ interface ProblemItemProps {

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