diff options
| author | Anton Tananaev <anton.tananaev@gmail.com> | 2020-10-24 15:32:00 -0700 |
|---|---|---|
| committer | Anton Tananaev <anton.tananaev@gmail.com> | 2020-10-24 15:32:00 -0700 |
| commit | 4b192b870dfd4fc1eb61b244bbe455a59f7089c3 (patch) | |
| tree | 4936dcb1a70ba034315ac1bef6e40fbacf005c63 /modern/src/DevicesList.js | |
| parent | 50505e02d2464a5f353aa805c9622c6d4f940ebc (diff) | |
| download | trackermap-web-4b192b870dfd4fc1eb61b244bbe455a59f7089c3.tar.gz trackermap-web-4b192b870dfd4fc1eb61b244bbe455a59f7089c3.tar.bz2 trackermap-web-4b192b870dfd4fc1eb61b244bbe455a59f7089c3.zip | |
Implement category icons
Diffstat (limited to 'modern/src/DevicesList.js')
| -rw-r--r-- | modern/src/DevicesList.js | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/modern/src/DevicesList.js b/modern/src/DevicesList.js index 28ead786..6f8cea02 100644 --- a/modern/src/DevicesList.js +++ b/modern/src/DevicesList.js @@ -21,6 +21,11 @@ const useStyles = makeStyles(() => ({ maxHeight: '100%', overflow: 'auto', }, + icon: { + width: '25px', + height: '25px', + filter: 'brightness(0) invert(1)', + }, })); const DeviceView = ({ updateTimestamp, onMenuClick }) => { @@ -43,7 +48,7 @@ const DeviceView = ({ updateTimestamp, onMenuClick }) => { <ListItem button key={item.id} onClick={() => dispatch(devicesActions.select(item))}> <ListItemAvatar> <Avatar> - <LocationOnIcon /> + <img className={classes.icon} src={`images/icon/${item.category || 'default'}.svg`} /> </Avatar> </ListItemAvatar> <ListItemText primary={item.name} secondary={item.uniqueId} /> |