From 95cbf0277936012c01e46c2a3625d5bdeebb48ae Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sat, 21 Mar 2020 10:11:33 -0700
Subject: Add list divider

---
 modern/src/DeviceList.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'modern/src')

diff --git a/modern/src/DeviceList.js b/modern/src/DeviceList.js
index c21fc0a..c500242 100644
--- a/modern/src/DeviceList.js
+++ b/modern/src/DeviceList.js
@@ -10,6 +10,7 @@ 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
@@ -27,7 +28,7 @@ class DeviceList extends Component {
   }
 
   render() {
-    const devices = this.props.devices.map(device =>
+    const devices = this.props.devices.map((device, index, list) =>
       <Fragment key={device.id.toString()}>
         <ListItem button>
           <ListItemAvatar>
@@ -42,6 +43,7 @@ class DeviceList extends Component {
             </IconButton>
           </ListItemSecondaryAction>
         </ListItem>
+        {index < list.length - 1 ? <Divider /> : null}
       </Fragment>
     );
 
-- 
cgit v1.2.3