From e3d6c2872e1d21e877c60bc7a5478f53e331da9a Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sat, 28 Nov 2020 15:28:39 -0800
Subject: [PATCH] Cleanup and linting

---
 web/pages/components/chart.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/pages/components/chart.tsx b/web/pages/components/chart.tsx
index 98acb55d4..6dc48e7bd 100644
--- a/web/pages/components/chart.tsx
+++ b/web/pages/components/chart.tsx
@@ -1,5 +1,5 @@
-import styles from '../../styles/styles.module.css';
 import { LineChart } from 'react-chartkick'
+import styles from '../../styles/styles.module.css';
 import 'chart.js'
 
 const defaultProps = {
@@ -22,22 +22,22 @@ interface ChartProps {
 }
 
 function createGraphDataset(dataArray) {
-  var dataValues = {};
+  const dataValues = {};
   dataArray.forEach(item => {
     const dateObject = new Date(item.time);
-    const dateString = dateObject.getFullYear() + '-' + dateObject.getMonth() + '-' + dateObject.getDay() + ' ' + dateObject.getHours() + ':' + dateObject.getMinutes();
+    const dateString = `${dateObject.getFullYear()  }-${  dateObject.getMonth()  }-${  dateObject.getDay()  } ${  dateObject.getHours()  }:${  dateObject.getMinutes()}`;
     dataValues[dateString] = item.value;
   })
   return dataValues;
 }
 
 export default function Chart({ data, title, color, unit, dataCollections }: ChartProps) {
-  var renderData = [];
+  const renderData = [];
 
   if (data && data.length > 0) {
     renderData.push({
       name: title,
-      color: color,
+      color,
       data: createGraphDataset(data)
     });
   }
@@ -54,7 +54,7 @@ export default function Chart({ data, title, color, unit, dataCollections }: Cha
     xtitle="Time"
     ytitle={title}
     suffix={unit}
-    legend={"bottom"}
+    legend="bottom"
     color={color}
     data={renderData}
     download={title}