aboutsummaryrefslogtreecommitdiff
path: root/modern
diff options
context:
space:
mode:
Diffstat (limited to 'modern')
-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>
);