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

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

@ -69,30 +69,29 @@ const HoverableTooltip = memo(({ parentElements, children, width }) => {
const handler = usePopperHandler(width) const handler = usePopperHandler(width)
return ( return (
<div> <ClickAwayListener onClickAway={handler.handleCloseHelpPopper}>
{!R.isNil(parentElements) && ( <div>
<div {!R.isNil(parentElements) && (
onMouseEnter={handler.handleOpenHelpPopper} <div onMouseEnter={handler.handleOpenHelpPopper}>
onMouseLeave={handler.handleCloseHelpPopper}> {parentElements}
{parentElements} </div>
</div> )}
)} {R.isNil(parentElements) && (
{R.isNil(parentElements) && ( <button
<button type="button"
type="button" onMouseEnter={handler.handleOpenHelpPopper}
onMouseEnter={handler.handleOpenHelpPopper} className={handler.classes.transparentButton}>
onMouseLeave={handler.handleCloseHelpPopper} <HelpIcon />
className={handler.classes.transparentButton}> </button>
<HelpIcon /> )}
</button> <Popper
)} open={handler.helpPopperOpen}
<Popper anchorEl={handler.helpPopperAnchorEl}
open={handler.helpPopperOpen} placement="bottom">
anchorEl={handler.helpPopperAnchorEl} <div className={handler.classes.popoverContent}>{children}</div>
placement="bottom"> </Popper>
<div className={handler.classes.popoverContent}>{children}</div> </div>
</Popper> </ClickAwayListener>
</div>
) )
}) })