djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add click away

Browse source
This commit is contained in:
dominik-zeglen 2020-01-16 13:40:22 +01:00
parent aeb209744a
commit 15470221c2
1 changed files with 55 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Filter/Filter.tsx
View file

@ -1,4 +1,5 @@
import ButtonBase from "@material-ui/core/ButtonBase";
import ClickAwayListener from "@material-ui/core/ClickAwayListener";
import Grow from "@material-ui/core/Grow";
import Popper from "@material-ui/core/Popper";
import { makeStyles } from "@material-ui/core/styles";
@ -96,10 +97,12 @@ const Filter: React.FC<FilterProps> = props => {
const isFilterActive = menu.some(filterElement => filterElement.active);
return (
<ClickAwayListener onClickAway={() => setFilterMenuOpened(false)}>
<div ref={anchor}>
<ButtonBase
className={classNames(classes.filterButton, classes.addFilterButton, {
[classes.addFilterButtonActive]: isFilterMenuOpened || isFilterActive
[classes.addFilterButtonActive]:
isFilterMenuOpened || isFilterActive
})}
onClick={() => setFilterMenuOpened(!isFilterMenuOpened)}
>
@ -148,6 +151,7 @@ const Filter: React.FC<FilterProps> = props => {
)}
</Popper>
</div>
</ClickAwayListener>
);
};
Filter.displayName = "Filter";