diff options
author | Iván Ávalos <avalos@disroot.org> | 2021-12-07 00:53:01 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2021-12-07 00:53:01 -0600 |
commit | 8164e6b30e007a3eeaea25decf98ccb098d9e85f (patch) | |
tree | 332aa2d38bc0f3c3ae3f1001909624e041573428 /modern/src/DevicesList.js | |
parent | a273d60becc5ccc9e4626325ea2dca20271b36bc (diff) | |
download | etbsa-traccar-web-8164e6b30e007a3eeaea25decf98ccb098d9e85f.tar.gz etbsa-traccar-web-8164e6b30e007a3eeaea25decf98ccb098d9e85f.tar.bz2 etbsa-traccar-web-8164e6b30e007a3eeaea25decf98ccb098d9e85f.zip |
Changed stuff
Diffstat (limited to 'modern/src/DevicesList.js')
-rw-r--r-- | modern/src/DevicesList.js | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/modern/src/DevicesList.js b/modern/src/DevicesList.js index e06fd58..9b2a5bf 100644 --- a/modern/src/DevicesList.js +++ b/modern/src/DevicesList.js @@ -30,9 +30,8 @@ const useStyles = makeStyles((theme) => ({ margin: theme.spacing(1.5, 0), }, icon: { - width: '25px', - height: '25px', - filter: 'brightness(0) invert(1)', + width: '30px', + height: '30px', }, listItem: { backgroundColor: 'white', @@ -93,10 +92,15 @@ const DeviceRow = ({ data, index, style }) => { return ( <div style={style}> - <ListItem button key={item.id} className={classes.listItem} onClick={() => dispatch(devicesActions.select(item))}> + <ListItem button key={item.id} className={classes.listItem} onClick={() => { + dispatch(devicesActions.select(item)); + setTimeout (() => { + dispatch(devicesActions.unselect()); + }, 1000); + }}> <ListItemAvatar> <Avatar> - <img className={classes.icon} src={`images/icon/${item.category || 'default'}.svg`} alt="" /> + <img className={classes.icon} src={`images/icon/${item.category || 'default'}.png`} alt="" /> </Avatar> </ListItemAvatar> <ListItemText primary={item.name} secondary={item.status} classes={{ secondary: classes[getStatusColor(item.status)] }} /> @@ -153,7 +157,7 @@ const DeviceView = ({ updateTimestamp, onMenuClick }) => { height={height} itemCount={items.length} itemData={{ items, onMenuClick }} - itemSize={72} + itemSize={92} overscanCount={10} innerRef={listInnerEl} > |