fix(TabletsOverall): properly hide tooltip on mouseleave

ariser · ariser · commit df36ebaf44d8 · 2022-07-19T17:24:11.000+03:00
diff --git a/src/components/TabletsOverall/TabletsOverall.tsx b/src/components/TabletsOverall/TabletsOverall.tsx
@@ -93,7 +93,7 @@ function TabletsOverall({tablets}: TabletsOverallProps) {
         <div className={b('row', {overall: true})}>
             <span className={b('label', {overall: true})}>Overall:</span>
             <div
-                onMouseLeave={dispatch(hideTooltip)}
+                onMouseLeave={() => dispatch(hideTooltip())}
                 onMouseEnter={(e) => dispatch(showTooltip(e.target, tooltipData, 'tabletsOverall'))}
             >
                 <Progress value={memoryProgress} stack={stack} />

Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ function TabletsOverall({tablets}: TabletsOverallProps) {`
`93`	`93`	`<div className={b('row', {overall: true})}>`
`94`	`94`	`<span className={b('label', {overall: true})}>Overall:</span>`
`95`	`95`	`<div`
`96`		`- onMouseLeave={dispatch(hideTooltip)}`
	`96`	`+ onMouseLeave={() => dispatch(hideTooltip())}`
`97`	`97`	`onMouseEnter={(e) => dispatch(showTooltip(e.target, tooltipData, 'tabletsOverall'))}`
`98`	`98`	`>`
`99`	`99`	`<Progress value={memoryProgress} stack={stack} />`