Update DeviceRow.jsx

This commit add highlight to the selected device in devices list

Author: hypoclone

src/main/DeviceRow.jsx

@@ -48,6 +48,9 @@ const useStyles = makeStyles()((theme) => ({
   neutral: {
     color: theme.palette.neutral.main,
   },
+  selected: {
+    backgroundColor: theme.palette.action.selected,
+  },
 }));
 
 const DeviceRow = ({ data, index, style }) => {
@@ -56,6 +59,7 @@ const DeviceRow = ({ data, index, style }) => {
   const t = useTranslation();
 
   const admin = useAdministrator();
+  const selectedDeviceId = useSelector((state) => state.devices.selectedId);
 
   const item = data[index];
   const position = useSelector((state) => state.session.positions[item.id]);
@@ -84,6 +88,8 @@ const DeviceRow = ({ data, index, style }) => {
         key={item.id}
         onClick={() => dispatch(devicesActions.selectId(item.id))}
         disabled={!admin && item.disabled}
+        selected={selectedDeviceId === item.id}
+        className={selectedDeviceId === item.id ? classes.selected : undefined}
       >
         <ListItemAvatar>
           <Avatar>