Problems: show item value in tooltip, fix #1145

grafana · Feb 4, 2021 · fdaadaf · fdaadaf
1 parent 52b8317
commit fdaadaf
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/panel-triggers/components/Problems/ProblemDetails.tsx b/src/panel-triggers/components/Problems/ProblemDetails.tsx
@@ -216,11 +216,13 @@ interface ProblemItemProps {
 function ProblemItem(props: ProblemItemProps) {
   const { item, showName } = props;
   const itemName = utils.expandItemName(item.name, item.key_);
+  const tooltipContent = () => <>{itemName}<br/>{item.lastvalue}</>;
+
   return (
     <div className="problem-item">
       <FAIcon icon="thermometer-three-quarters" />
       {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>
       </Tooltip>
     </div>