diff options
author | Iván Ávalos <avalos@disroot.org> | 2021-12-13 20:23:18 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2021-12-13 20:23:18 -0600 |
commit | a0cd63630f67f0dec0c839cdcf53e36d1d8aebb8 (patch) | |
tree | d7ac838bb1fc683059d435f2d47879c2ba44d22b /modern/src/map | |
parent | 9b1a369f7e637471ad945642b3f90135e7d03d9d (diff) | |
download | etbsa-traccar-web-a0cd63630f67f0dec0c839cdcf53e36d1d8aebb8.tar.gz etbsa-traccar-web-a0cd63630f67f0dec0c839cdcf53e36d1d8aebb8.tar.bz2 etbsa-traccar-web-a0cd63630f67f0dec0c839cdcf53e36d1d8aebb8.zip |
Revamped device list and map marker popup
Diffstat (limited to 'modern/src/map')
-rw-r--r-- | modern/src/map/StatusView.js | 34 |
1 files changed, 21 insertions, 13 deletions
diff --git a/modern/src/map/StatusView.js b/modern/src/map/StatusView.js index 6b6836c..6fb72c7 100644 --- a/modern/src/map/StatusView.js +++ b/modern/src/map/StatusView.js @@ -7,11 +7,12 @@ import ListItem from '@material-ui/core/ListItem'; import ListItemText from '@material-ui/core/ListItemText'; import { useSelector } from 'react-redux'; -import ReplayIcon from '@material-ui/icons/Replay'; import EditIcon from '@material-ui/icons/Edit'; import SendIcon from '@material-ui/icons/Send'; import DeleteIcon from '@material-ui/icons/Delete'; import LinkIcon from '@material-ui/icons/Link'; +import InfoIcon from '@material-ui/icons/Info'; +import PlayCircleFilledIcon from '@material-ui/icons/PlayCircleFilled'; import { formatSpeed, formatDate, formatHours, @@ -42,6 +43,7 @@ const StatusView = ({ const t = useTranslation(); const [removeDialogShown, setRemoveDialogShown] = useState(false); + const session = useSelector((state) => state.session); const device = useSelector((state) => state.devices.items[deviceId]); const position = useSelector(getPosition(deviceId)); @@ -100,11 +102,13 @@ const StatusView = ({ </Grid> <Grid item container> <Grid item> - <Button color="secondary" onClick={handleClick}>{t('sharedShowInfo')}</Button> + <IconButton onClick={handleClick}> + <InfoIcon /> + </IconButton> </Grid> <Grid item> <IconButton onClick={onShowHistory}> - <ReplayIcon /> + <PlayCircleFilledIcon /> </IconButton> </Grid> <Grid item> @@ -117,16 +121,20 @@ const StatusView = ({ <SendIcon /> </IconButton> </Grid> - <Grid item> - <IconButton onClick={handleEditClick}> - <EditIcon /> - </IconButton> - </Grid> - <Grid item> - <IconButton onClick={handleRemove} className={classes.red}> - <DeleteIcon /> - </IconButton> - </Grid> + {!session.server.deviceReadonly && ( + <> + <Grid item> + <IconButton onClick={handleEditClick}> + <EditIcon /> + </IconButton> + </Grid> + <Grid item> + <IconButton onClick={handleRemove} className={classes.red}> + <DeleteIcon /> + </IconButton> + </Grid> + </> + )} </Grid> </Grid> </Paper> |