aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnton Tananaev <anton.tananaev@gmail.com>2020-03-18 21:44:34 -0700
committerAnton Tananaev <anton.tananaev@gmail.com>2020-03-18 21:44:34 -0700
commit13fb1b0ec962b3262acd4d71ea6b382ce23cafaa (patch)
tree2bc7460fa1c0c16c3e978ea191473e93be33ced3
parent055e5314ea9006db79f15b17cbe8e7c160d90b39 (diff)
downloadetbsa-traccar-web-13fb1b0ec962b3262acd4d71ea6b382ce23cafaa.tar.gz
etbsa-traccar-web-13fb1b0ec962b3262acd4d71ea6b382ce23cafaa.tar.bz2
etbsa-traccar-web-13fb1b0ec962b3262acd4d71ea6b382ce23cafaa.zip
Fix list items
-rw-r--r--modern/src/DeviceList.js13
1 files changed, 6 insertions, 7 deletions
diff --git a/modern/src/DeviceList.js b/modern/src/DeviceList.js
index 602a6d9..c21fc0a 100644
--- a/modern/src/DeviceList.js
+++ b/modern/src/DeviceList.js
@@ -3,13 +3,13 @@ import { connect } from 'react-redux';
import { updateDevices } from './actions';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
+import ListItemAvatar from '@material-ui/core/ListItemAvatar';
import ListItemText from '@material-ui/core/ListItemText';
import Avatar from '@material-ui/core/Avatar';
import LocationOnIcon from '@material-ui/icons/LocationOn';
import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
import IconButton from '@material-ui/core/IconButton';
import MoreVertIcon from '@material-ui/icons/MoreVert';
-import Divider from '@material-ui/core/Divider';
const mapStateToProps = state => ({
devices: state.devices
@@ -30,9 +30,11 @@ class DeviceList extends Component {
const devices = this.props.devices.map(device =>
<Fragment key={device.id.toString()}>
<ListItem button>
- <Avatar>
- <LocationOnIcon />
- </Avatar>
+ <ListItemAvatar>
+ <Avatar>
+ <LocationOnIcon />
+ </Avatar>
+ </ListItemAvatar>
<ListItemText primary={device.name} secondary={device.uniqueId} />
<ListItemSecondaryAction>
<IconButton>
@@ -40,9 +42,6 @@ class DeviceList extends Component {
</IconButton>
</ListItemSecondaryAction>
</ListItem>
- <li>
- <Divider inset />
- </li>
</Fragment>
);