1 files changed, 18 insertions, 19 deletions
diff --git a/modern/src/reports/Graph.js b/modern/src/reports/Graph.js
index 990eb5d5..63d24eee 100644
--- a/modern/src/reports/Graph.js
+++ b/modern/src/reports/Graph.js
@@ -1,9 +1,11 @@
 import React from 'react';
 import { withWidth } from '@material-ui/core';
-import {LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
+import {
+  LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer,
+} from 'recharts';
 
-const CustomizedAxisTick = ({ x, y, payload }) =>{
-  if(!payload.value) {
+const CustomizedAxisTick = ({ x, y, payload }) => {
+  if (!payload.value) {
     return payload.value;
   }
   const parts = payload.value.split(' ');
@@ -13,22 +15,19 @@ const CustomizedAxisTick = ({ x, y, payload }) =>{
       <text x={0} y={16} dy={16} textAnchor="end" fill="#666" transform="rotate(-35)">{parts[1]}</text>
     </g>
   );
-}
+};
 
-const Graph = ({ type, items }) => {
-
-  return (
-    <ResponsiveContainer height={400} width="100%" debounce={1}>
-      <LineChart data={items}>
-        <XAxis dataKey="fixTime" tick={<CustomizedAxisTick/>} height={60} />
-        <YAxis />
-        <CartesianGrid strokeDasharray="3 3" />
-        <Tooltip />
-        <Legend />
-        <Line type="natural" dataKey={type} />
-      </LineChart>
-    </ResponsiveContainer>
-  );
-}
+const Graph = ({ type, items }) => (
+  <ResponsiveContainer height={400} width="100%" debounce={1}>
+    <LineChart data={items}>
+      <XAxis dataKey="fixTime" tick={<CustomizedAxisTick />} height={60} />
+      <YAxis />
+      <CartesianGrid strokeDasharray="3 3" />
+      <Tooltip />
+      <Legend />
+      <Line type="natural" dataKey={type} />
+    </LineChart>
+  </ResponsiveContainer>
+);
 
 export default withWidth()(Graph);