added a click away listener
This commit is contained in:
parent
553736fb84
commit
f59e3d2235
1 changed files with 19 additions and 16 deletions
|
|
@ -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,6 +102,7 @@ const IDButton = memo(
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<ClickAwayListener onClickAway={handleClose}>
|
||||||
<button
|
<button
|
||||||
aria-describedby={id}
|
aria-describedby={id}
|
||||||
onClick={handleClick}
|
onClick={handleClick}
|
||||||
|
|
@ -117,6 +119,7 @@ const IDButton = memo(
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
|
</ClickAwayListener>
|
||||||
<Popover
|
<Popover
|
||||||
className={popoverClassname}
|
className={popoverClassname}
|
||||||
id={id}
|
id={id}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue