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

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

@ -90,11 +90,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>
)} )}
@ -102,7 +101,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>
@ -114,6 +112,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>
) )
}) })