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

added a click away listener

Browse source
This commit is contained in:
José Oliveira 2021-01-26 11:16:24 +00:00 • committed by Josh Harvey
parent 553736fb84
commit f59e3d2235
1 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

35
new-lamassu-admin/src/components/buttons/IDButton.js
View file

@ -1,3 +1,4 @@
import { ClickAwayListener } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import classnames from 'classnames' import classnames from 'classnames'
import React, { useState, memo } from 'react' import React, { useState, memo } from 'react'
@ -101,22 +102,24 @@ const IDButton = memo(
return ( return (
<> <>
<button <ClickAwayListener onClickAway={handleClose}>
aria-describedby={id} <button
onClick={handleClick} aria-describedby={id}
className={classnames(classNames, className)} onClick={handleClick}
{...props}> className={classnames(classNames, className)}
{Icon && !open && ( {...props}>
<div className={classnames(iconClassNames)}> {Icon && !open && (
<Icon /> <div className={classnames(iconClassNames)}>
</div> <Icon />
)} </div>
{InverseIcon && open && ( )}
<div className={classnames(iconClassNames)}> {InverseIcon && open && (
<InverseIcon /> <div className={classnames(iconClassNames)}>
</div> <InverseIcon />
)} </div>
</button> )}
</button>
</ClickAwayListener>
<Popover <Popover
className={popoverClassname} className={popoverClassname}
id={id} id={id}