2 files changed, 84 insertions, 76 deletions
diff --git a/src/components/app/sidebars/elements/LoadBarComponent.js b/src/components/app/sidebars/elements/LoadBarComponent.js
index 65f94b3d..8c9b164b 100644
--- a/src/components/app/sidebars/elements/LoadBarComponent.js
+++ b/src/components/app/sidebars/elements/LoadBarComponent.js
@@ -1,22 +1,22 @@
 import classNames from "classnames";
 import React from "react";
 
-const LoadBarComponent = ({percent, disabled}) => (
-    <div className="mt-1">
-        <strong>Current load</strong>
-        <div className={classNames("progress", {disabled})}>
-            <div
-                className="progress-bar"
-                role="progressbar"
-                aria-valuenow={percent}
-                aria-valuemin="0"
-                aria-valuemax="100"
-                style={{width: percent + "%"}}
-            >
-                {percent}%
-            </div>
-        </div>
+const LoadBarComponent = ({ percent, disabled }) => (
+  <div className="mt-1">
+    <strong>Current load</strong>
+    <div className={classNames("progress", { disabled })}>
+      <div
+        className="progress-bar"
+        role="progressbar"
+        aria-valuenow={percent}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        style={{ width: percent + "%" }}
+      >
+        {percent}%
+      </div>
     </div>
+  </div>
 );
 
 export default LoadBarComponent;
diff --git a/src/components/app/sidebars/elements/LoadChartComponent.js b/src/components/app/sidebars/elements/LoadChartComponent.js
index 91d89287..6f66010e 100644
--- a/src/components/app/sidebars/elements/LoadChartComponent.js
+++ b/src/components/app/sidebars/elements/LoadChartComponent.js
@@ -1,73 +1,81 @@
 import React from "react";
 import ReactDOM from "react-dom/server";
 import SvgSaver from "svgsaver";
-import {VictoryAxis, VictoryChart, VictoryLine, VictoryScatter} from "victory";
-import {convertSecondsToFormattedTime} from "../../../../util/date-time";
+import {
+  VictoryAxis,
+  VictoryChart,
+  VictoryLine,
+  VictoryScatter
+} from "victory";
+import { convertSecondsToFormattedTime } from "../../../../util/date-time";
 
-const LoadChartComponent = ({data, currentTick}) => {
-    const onExport = () => {
-        const div = document.createElement("div");
-        div.innerHTML = ReactDOM.renderToString(
-            <VictoryChartComponent data={data} currentTick={currentTick} showCurrentTick={false}/>
-        );
-        div.firstChild.style = "font-family: Roboto, Arial, sans-serif; font-size: 10pt;";
-        const svgSaver = new SvgSaver();
-        svgSaver.asSvg(div.firstChild, "opendc-chart-export-" + Date.now() + ".svg");
-    };
-
-    return (
-        <div className="mt-1" style={{position: "relative"}}>
-            <strong>Load over time</strong>
-            <VictoryChartComponent data={data} currentTick={currentTick} showCurrentTick={true}/>
-            <ExportChartComponent onExport={onExport}/>
-        </div>
+const LoadChartComponent = ({ data, currentTick }) => {
+  const onExport = () => {
+    const div = document.createElement("div");
+    div.innerHTML = ReactDOM.renderToString(
+      <VictoryChartComponent
+        data={data}
+        currentTick={currentTick}
+        showCurrentTick={false}
+      />
+    );
+    div.firstChild.style =
+      "font-family: Roboto, Arial, sans-serif; font-size: 10pt;";
+    const svgSaver = new SvgSaver();
+    svgSaver.asSvg(
+      div.firstChild,
+      "opendc-chart-export-" + Date.now() + ".svg"
     );
+  };
+
+  return (
+    <div className="mt-1" style={{ position: "relative" }}>
+      <strong>Load over time</strong>
+      <VictoryChartComponent
+        data={data}
+        currentTick={currentTick}
+        showCurrentTick={true}
+      />
+      <ExportChartComponent onExport={onExport} />
+    </div>
+  );
 };
 
-const VictoryChartComponent = ({data, currentTick, showCurrentTick}) => (
-    <VictoryChart
-        height={250}
-        padding={{top: 10, bottom: 50, left: 50, right: 50}}
-    >
-        <VictoryAxis
-            tickFormat={tick => convertSecondsToFormattedTime(tick)}
-            fixLabelOverlap={true}
-            label="Simulated Time"
-        />
-        <VictoryAxis
-            dependentAxis
-            label="Load"
-        />
-        <VictoryLine
-            data={data}
-        />
-        <VictoryScatter
-            data={data}
-        />
-        {showCurrentTick ?
-            <VictoryLine
-                data={[
-                    {x: currentTick + 1, y: 0},
-                    {x: currentTick + 1, y: 1},
-                ]}
-                style={{
-                    data: {stroke: "#00A6D6", strokeWidth: 3}
-                }}
-            /> :
-            undefined
-        }
-    </VictoryChart>
+const VictoryChartComponent = ({ data, currentTick, showCurrentTick }) => (
+  <VictoryChart
+    height={250}
+    padding={{ top: 10, bottom: 50, left: 50, right: 50 }}
+  >
+    <VictoryAxis
+      tickFormat={tick => convertSecondsToFormattedTime(tick)}
+      fixLabelOverlap={true}
+      label="Simulated Time"
+    />
+    <VictoryAxis dependentAxis label="Load" />
+    <VictoryLine data={data} />
+    <VictoryScatter data={data} />
+    {showCurrentTick ? (
+      <VictoryLine
+        data={[{ x: currentTick + 1, y: 0 }, { x: currentTick + 1, y: 1 }]}
+        style={{
+          data: { stroke: "#00A6D6", strokeWidth: 3 }
+        }}
+      />
+    ) : (
+      undefined
+    )}
+  </VictoryChart>
 );
 
-const ExportChartComponent = ({onExport}) => (
-    <button
-        className="btn btn-success btn-circle btn-sm"
-        title="Export Chart to PNG Image"
-        onClick={onExport}
-        style={{position: "absolute", top: 0, right: 0}}
-    >
-        <span className="fa fa-camera"/>
-    </button>
+const ExportChartComponent = ({ onExport }) => (
+  <button
+    className="btn btn-success btn-circle btn-sm"
+    title="Export Chart to PNG Image"
+    onClick={onExport}
+    style={{ position: "absolute", top: 0, right: 0 }}
+  >
+    <span className="fa fa-camera" />
+  </button>
 );
 
 export default LoadChartComponent;