From 9e4bf88195fe0a7b9afb7aeec74dabf7da46740b Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Sat, 8 Dec 2018 13:22:58 +0300
Subject: [PATCH] problems panel: show tooltip for item value

---
 src/panel-triggers/components/Problems.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/panel-triggers/components/Problems.tsx b/src/panel-triggers/components/Problems.tsx
index cceafb6..accc23f 100644
--- 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>
   );
 }