status-im/visual-identity
2
0
Fork 0
mirror of https://github.com/status-im/visual-identity.git synced 2025-02-13 04:57:03 +00:00
Code Issues Projects Releases Wiki Activity

on select filter close filters

Browse Source
This commit is contained in:
Barry Gitarts 2018-06-29 15:25:46 -04:00
parent bae0e60ad5
commit a4f0160343
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/simple-voting/OrderingFilter.js
View File

@ -30,9 +30,12 @@ function Transition(props) {
return <Slide direction="up" {...props} />; return <Slide direction="up" {...props} />;
} }
const ListButton = ({ name, setPollOrder, selected }) => ( const ListButton = ({ name, setPollOrder, selected, handleClose }) => (
<Fragment> <Fragment>
<ListItem button onClick={() => setPollOrder(name)}> <ListItem button onClick={() => {
setPollOrder(name);
handleClose();
}}>
<Checkbox <Checkbox
checked={selected} checked={selected}
color="primary" color="primary"
@ -59,6 +62,7 @@ class OrderingDialog extends PureComponent {
render() { render() {
const { classes } = this.props; const { classes } = this.props;
const { handleClose } = this;
return ( return (
<VotingContext.Consumer> <VotingContext.Consumer>
{({ setPollOrder, pollOrder }) => {({ setPollOrder, pollOrder }) =>
@ -78,13 +82,10 @@ class OrderingDialog extends PureComponent {
<Typography variant="title" color="inherit" className={classes.flex}> <Typography variant="title" color="inherit" className={classes.flex}>
close close
</Typography> </Typography>
<Button color="inherit" onClick={this.handleClose}>
save
</Button>
</Toolbar> </Toolbar>
</AppBar> </AppBar>
<List> <List>
{Object.keys(constants).map((name, i) => <ListButton key={i} name={name} setPollOrder={setPollOrder} selected={pollOrder === name}/>)} {Object.keys(constants).map((name, i) => <ListButton key={i} name={name} setPollOrder={setPollOrder} selected={pollOrder === name} handleClose={handleClose} />)}
</List> </List>
</Dialog> </Dialog>
</div> </div>