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

Merge pull request #1741 from RafaelTaranto/backport/click-away-on-tooltip

Browse source 
LAM-516 fix: add click away listener to tooltips
This commit is contained in:
Rafael Taranto 2024-11-29 08:25:15 +00:00 • committed by GitHub
commit 7372f10288
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

@ -90,30 +90,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>
) )
}) })