1 files changed, 33 insertions, 36 deletions

diff --git a/modern/src/reports/ChartReportPage.js b/modern/src/reports/ChartReportPage.js
index 8eeedc4b..c55ed6d5 100644
--- a/modern/src/reports/ChartReportPage.js
+++ b/modern/src/reports/ChartReportPage.js
@@ -1,5 +1,7 @@
 import React, { useState } from 'react';
-import { Grid, FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
+import {
+  Grid, FormControl, InputLabel, Select, MenuItem,
+} from '@material-ui/core';
 import ReportLayout from './ReportLayout';
 import ReportFilter from './ReportFilter';
 import Graph from './Graph';
@@ -9,66 +11,61 @@ import { speedFromKnots } from '../common/converter';
 import t from '../common/localization';
 
 const Filter = ({ children, setItems }) => {
-
   const speedUnit = useAttributePreference('speedUnit');
 
   const handleSubmit = async (deviceId, from, to, mail, headers) => {
-    const query = new URLSearchParams({ deviceId, from, to, mail });
+    const query = new URLSearchParams({
+      deviceId, from, to, mail,
+    });
     const response = await fetch(`/api/reports/route?${query.toString()}`, { headers });
     if (response.ok) {
       const positions = await response.json();
-      let formattedPositions = positions.map(position => {
-        return {
-          speed: Number(speedFromKnots(position.speed, speedUnit)),
-          altitude: position.altitude,
-          accuracy: position.accuracy,
-          fixTime: formatDate(position.fixTime)
-        }
-      });
+      const formattedPositions = positions.map((position) => ({
+        speed: Number(speedFromKnots(position.speed, speedUnit)),
+        altitude: position.altitude,
+        accuracy: position.accuracy,
+        fixTime: formatDate(position.fixTime),
+      }));
       setItems(formattedPositions);
     }
-  }
+  };
   return (
     <>
       <ReportFilter handleSubmit={handleSubmit} showOnly />
       {children}
     </>
-  )
-}
-
-const ChartType = ({ type, setType }) => {
+  );
+};
 
-  return (
-    <Grid container spacing={3}>
-      <Grid item xs={12} sm={6}>
-        <FormControl variant="filled" margin="normal" fullWidth>
-          <InputLabel>{t('reportChartType')}</InputLabel>
-          <Select value={type} onChange={e => setType(e.target.value)}>
-            <MenuItem value="speed">{t('positionSpeed')}</MenuItem>
-            <MenuItem value="accuracy">{t('positionAccuracy')}</MenuItem>
-            <MenuItem value="altitude">{t('positionAltitude')}</MenuItem>
-          </Select>
-        </FormControl>
-      </Grid>
+const ChartType = ({ type, setType }) => (
+  <Grid container spacing={3}>
+    <Grid item xs={12} sm={6}>
+      <FormControl variant="filled" margin="normal" fullWidth>
+        <InputLabel>{t('reportChartType')}</InputLabel>
+        <Select value={type} onChange={(e) => setType(e.target.value)}>
+          <MenuItem value="speed">{t('positionSpeed')}</MenuItem>
+          <MenuItem value="accuracy">{t('positionAccuracy')}</MenuItem>
+          <MenuItem value="altitude">{t('positionAltitude')}</MenuItem>
+        </Select>
+      </FormControl>
     </Grid>
-  )
-}
-
+  </Grid>
+);
 
 const ChartReportPage = () => {
-  
   const [items, setItems] = useState([]);
   const [type, setType] = useState('speed');
 
   return (
-    <ReportLayout filter={ 
+    <ReportLayout filter={(
       <Filter setItems={setItems}>
         <ChartType type={type} setType={setType} />
       </Filter>
-    }>
+    )}
+    >
       <Graph items={items} type={type} />
     </ReportLayout>
-  )
-}
+  );
+};
 
 export default ChartReportPage;