aboutsummaryrefslogtreecommitdiff
path: root/modern/src/GeofencesList.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/GeofencesList.js')
-rw-r--r--modern/src/GeofencesList.js31
1 files changed, 19 insertions, 12 deletions
diff --git a/modern/src/GeofencesList.js b/modern/src/GeofencesList.js
index 572ac5b..1fab04a 100644
--- a/modern/src/GeofencesList.js
+++ b/modern/src/GeofencesList.js
@@ -9,7 +9,7 @@ import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
import ListItemText from '@material-ui/core/ListItemText';
import MoreVertIcon from '@material-ui/icons/MoreVert';
-import { devicesActions } from './store';
+import { geofencesActions, uiActions } from './store';
import EditCollectionView from './EditCollectionView';
const useStyles = makeStyles(() => ({
@@ -33,19 +33,26 @@ const GeofenceView = ({ onMenuClick }) => {
return (
<List className={classes.list}>
{items.map((item, index, list) => (
- <Fragment key={item.id}>
- <ListItem button key={item.id} onClick={() => dispatch(devicesActions.select(item))}>
- <ListItemText primary={item.name} />
- <ListItemSecondaryAction>
- <IconButton onClick={(event) => onMenuClick(event.currentTarget, item.id)}>
- <MoreVertIcon />
- </IconButton>
- </ListItemSecondaryAction>
+ <Fragment key={item.id}>
+ <ListItem button key={item.id} onClick={() => {
+ dispatch(geofencesActions.select(item));
+ dispatch(uiActions.setCollapsed(true));
+ setTimeout(() => {
+ dispatch(geofencesActions.unselect());
+ }, 1000);
+ }}>
+ <ListItemText primary={item.name} />
+ <ListItemSecondaryAction>
+ <IconButton onClick={(event) => onMenuClick(event.currentTarget, item.id)}>
+ <MoreVertIcon />
+ </IconButton>
+ </ListItemSecondaryAction>
</ListItem>
- {index < list.length - 1 ? <Divider /> : null}
+ { index<list.length - 1 ? <Divider /> : null }
</Fragment>
- ))}
- </List>
+ ))
+}
+ </List >
);
};