lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: add click away listener to tooltips

Browse source
This commit is contained in:
José Oliveira 2022-07-12 18:09:56 +01:00 • committed by Rafael
parent a29f3fc13c
commit 6113015756
1 changed files with 23 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

7
new-lamassu-admin/src/components/Tooltip.js
View file

@ -69,11 +69,10 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
const handler = usePopperHandler(width) const handler = usePopperHandler(width)
return ( return (
<ClickAwayListener onClickAway={handler.handleCloseHelpPopper}>
<div> <div>
{!R.isNil(parentElements) && ( {!R.isNil(parentElements) && (
<div <div onMouseEnter={handler.handleOpenHelpPopper}>
onMouseEnter={handler.handleOpenHelpPopper}
onMouseLeave={handler.handleCloseHelpPopper}>
{parentElements} {parentElements}
</div> </div>
)} )}
@ -81,7 +80,6 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
<button <button
type="button" type="button"
onMouseEnter={handler.handleOpenHelpPopper} onMouseEnter={handler.handleOpenHelpPopper}
onMouseLeave={handler.handleCloseHelpPopper}
className={handler.classes.transparentButton}> className={handler.classes.transparentButton}>
<HelpIcon /> <HelpIcon />
</button> </button>
@ -93,6 +91,7 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
<div className={handler.classes.popoverContent}>{children}</div> <div className={handler.classes.popoverContent}>{children}</div>
</Popper> </Popper>
</div> </div>
</ClickAwayListener>
) )
}) })