diff options
author | Iván Ávalos <avalos@disroot.org> | 2021-12-11 17:42:37 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2021-12-11 17:42:37 -0600 |
commit | 5e3bbc09e614df29091f1836ce095af2825ca1a7 (patch) | |
tree | 8495c1f264c547a1928b25dc609b4f75834b0990 | |
parent | 8038f22dc100d09ff53808d4d372567a262c24ff (diff) | |
download | etbsa-traccar-web-5e3bbc09e614df29091f1836ce095af2825ca1a7.tar.gz etbsa-traccar-web-5e3bbc09e614df29091f1836ce095af2825ca1a7.tar.bz2 etbsa-traccar-web-5e3bbc09e614df29091f1836ce095af2825ca1a7.zip |
Improved StatusView layout
-rw-r--r-- | modern/src/map/StatusView.js | 23 |
1 files changed, 9 insertions, 14 deletions
diff --git a/modern/src/map/StatusView.js b/modern/src/map/StatusView.js index ad6022e..aaf2882 100644 --- a/modern/src/map/StatusView.js +++ b/modern/src/map/StatusView.js @@ -14,7 +14,7 @@ import DeleteIcon from '@material-ui/icons/Delete'; import LinkIcon from '@material-ui/icons/Link'; import { - formatPosition, getStatusColor, getBatteryStatus, formatDistance, formatSpeed, formatDate, formatHours, + formatSpeed, formatDate, formatHours, } from '../common/formatter'; import { useAttributePreference } from '../common/preferences'; import RemoveDialog from '../RemoveDialog'; @@ -27,7 +27,7 @@ const useStyles = makeStyles((theme) => ({ }, ...theme.palette.colors, listItemContainer: { - maxWidth: '240px', + maxWidth: '300px', }, })); @@ -74,23 +74,18 @@ const StatusView = ({ <Grid item> <List> <ListItem classes={{ container: classes.listItemContainer}}> - <ListItemText primary={t('positionDatetime')} /> - <ListItemSecondaryAction> - {formatDate(position.serverTime)} - </ListItemSecondaryAction> + <ListItemText primary={t('positionDatetime')} secondary={formatDate(position.serverTime)} /> </ListItem> <ListItem classes={{ container: classes.listItemContainer }}> - <ListItemText primary={t('positionSpeed')} /> - <ListItemSecondaryAction> - {formatSpeed(position.speed, speedUnit, t)} - </ListItemSecondaryAction> + <ListItemText primary={t('positionSpeed')} secondary={formatSpeed(position.speed, speedUnit, t)} /> </ListItem> {position.attributes.hours && ( <ListItem classes={{ container: classes.listItemContainer }}> - <ListItemText primary={t('positionHours')} /> - <ListItemSecondaryAction> - {formatHours(position.attributes.hours, t)} - </ListItemSecondaryAction> + <ListItemText primary={t('positionHours')} secondary={formatHours(position.attributes.hours, t)} /> + </ListItem>)} + {position.address && ( + <ListItem classes={{ container: classes.listItemContainer }}> + <ListItemText primary={t('positionAddress')} secondary={position.address} /> </ListItem>)} </List> </Grid> |