Use modified airbnb eslint

1 files changed, 51 insertions, 43 deletions

diff --git a/modern/src/settings/MaintenancePage.js b/modern/src/settings/MaintenancePage.js
index 3b4fde5..89ebaa1 100644
--- a/modern/src/settings/MaintenancePage.js
+++ b/modern/src/settings/MaintenancePage.js
@@ -1,14 +1,18 @@
 import React, { useState } from 'react';
+import {
+  Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography, TextField, FormControl, InputLabel, MenuItem, Select,
+} from '@material-ui/core';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import t from '../common/localization';
 import { prefixString } from '../common/stringUtils';
 import EditItemView from '../EditItemView';
-import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography, TextField, FormControl, InputLabel, MenuItem, Select, } from '@material-ui/core';
-import InputAdornment from '@material-ui/core/InputAdornment';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import EditAttributesView from '../attributes/EditAttributesView';
 import positionAttributes from '../attributes/positionAttributes';
 import { useAttributePreference } from '../common/preferences';
-import { speedFromKnots, speedToKnots, distanceFromMeters, distanceToMeters } from '../common/converter';
+import {
+  speedFromKnots, speedToKnots, distanceFromMeters, distanceToMeters,
+} from '../common/converter';
 
 const useStyles = makeStyles(() => ({
   details: {
@@ -17,46 +21,46 @@ const useStyles = makeStyles(() => ({
 }));
 
 const MaintenancePage = () => {
-  
   const classes = useStyles();
   const [item, setItem] = useState();
-  const [labels, setLabels] = useState({start: '', period: ''});
+  const [labels, setLabels] = useState({ start: '', period: '' });
 
   const speedUnit = useAttributePreference('speedUnit');
   const distanceUnit = useAttributePreference('distanceUnit');
 
   const convertToList = (attributes) => {
-    let otherList = [];
-    for (const key in attributes) {
+    const otherList = [];
+    Object.keys(attributes).forEach((key) => {
       const value = attributes[key];
       if (value.type === 'number') {
-        otherList.push({key, name: value.name, type: value.type});
+        otherList.push({ key, name: value.name, type: value.type });
       }
-    }
+    });
     return otherList;
-  }
+  };
 
-  const onMaintenanceTypeChange = event => {
+  const onMaintenanceTypeChange = (event) => {
     const newValue = event.target.value;
-    setItem({ ...item, type: newValue, start: 0, period: 0 });
+    setItem({
+      ...item, type: newValue, start: 0, period: 0,
+    });
 
     const attribute = positionAttributes[newValue];
     if (attribute && attribute.dataType) {
       switch (attribute.dataType) {
         case 'distance':
-          setLabels({ ...labels, start: t(prefixString('shared', distanceUnit)), period: t(prefixString('shared', distanceUnit))});
+          setLabels({ ...labels, start: t(prefixString('shared', distanceUnit)), period: t(prefixString('shared', distanceUnit)) });
           break;
         case 'speed':
-          setLabels({ ...labels, start: t(prefixString('shared', speedUnit)), period: t(prefixString('shared', speedUnit))});
+          setLabels({ ...labels, start: t(prefixString('shared', speedUnit)), period: t(prefixString('shared', speedUnit)) });
           break;
         default:
           break;
       }
     }
-  }
-
-  const rawToValue = value => {
+  };
 
+  const rawToValue = (value) => {
     const attribute = positionAttributes[item.type];
     if (attribute && attribute.dataType) {
       switch (attribute.dataType) {
@@ -69,10 +73,9 @@ const MaintenancePage = () => {
       }
     }
     return value;
-  }
-
-  const valueToRaw = value => {
+  };
 
+  const valueToRaw = (value) => {
     const attribute = positionAttributes[item.type];
     if (attribute && attribute.dataType) {
       switch (attribute.dataType) {
@@ -85,11 +88,12 @@ const MaintenancePage = () => {
       }
     }
     return value;
-  }
+  };
 
   return (
     <EditItemView endpoint="maintenance" item={item} setItem={setItem}>
-      {item &&
+      {item
+        && (
         <>
           <Accordion defaultExpanded>
             <AccordionSummary expandIcon={<ExpandMoreIcon />}>
@@ -101,39 +105,43 @@ const MaintenancePage = () => {
               <TextField
                 margin="normal"
                 value={item.name || ''}
-                onChange={event => setItem({...item, name: event.target.value})}
+                onChange={(event) => setItem({ ...item, name: event.target.value })}
                 label={t('sharedName')}
-                variant="filled" />
+                variant="filled"
+              />
               <FormControl variant="filled" margin="normal" fullWidth>
                 <InputLabel>{t('sharedType')}</InputLabel>
-                <Select 
-                  value={item.type || ''} 
-                  onChange={onMaintenanceTypeChange}>
-                    {convertToList(positionAttributes).map(({ key, name })=>(
-                      <MenuItem key={key} value={key}>{name}</MenuItem>
-                    ))}
+                <Select
+                  value={item.type || ''}
+                  onChange={onMaintenanceTypeChange}
+                >
+                  {convertToList(positionAttributes).map(({ key, name }) => (
+                    <MenuItem key={key} value={key}>{name}</MenuItem>
+                  ))}
                 </Select>
-              </FormControl>            
+              </FormControl>
               <TextField
                 margin="normal"
                 type="number"
                 value={rawToValue(item.start) || ''}
-                onChange={event => setItem({...item, start: valueToRaw(event.target.value)})}
+                onChange={(event) => setItem({ ...item, start: valueToRaw(event.target.value) })}
                 label={t('maintenanceStart')}
                 variant="filled"
                 InputProps={{
-                endAdornment: <InputAdornment position="start">{labels.start}</InputAdornment>,
-                }} />
+                  endAdornment: <InputAdornment position="start">{labels.start}</InputAdornment>,
+                }}
+              />
               <TextField
                 margin="normal"
                 type="number"
                 value={rawToValue(item.period) || ''}
-                onChange={event => setItem({...item, period: valueToRaw(event.target.value)})}
+                onChange={(event) => setItem({ ...item, period: valueToRaw(event.target.value) })}
                 label={t('maintenancePeriod')}
                 variant="filled"
                 InputProps={{
-                endAdornment: <InputAdornment position="start">{labels.period}</InputAdornment>,
-                }} />                              
+                  endAdornment: <InputAdornment position="start">{labels.period}</InputAdornment>,
+                }}
+              />
             </AccordionDetails>
           </Accordion>
           <Accordion>
@@ -145,15 +153,15 @@ const MaintenancePage = () => {
             <AccordionDetails className={classes.details}>
               <EditAttributesView
                 attributes={item.attributes}
-                setAttributes={attributes => setItem({...item, attributes})}
+                setAttributes={(attributes) => setItem({ ...item, attributes })}
                 definitions={{}}
-                />
+              />
             </AccordionDetails>
-          </Accordion>          
+          </Accordion>
         </>
-      }
+        )}
     </EditItemView>
   );
-}
+};
 
 export default MaintenancePage;