Indicate current tick within chart

1 files changed, 10 insertions, 1 deletions

diff --git a/src/components/sidebars/elements/LoadChartComponent.js b/src/components/sidebars/elements/LoadChartComponent.js
index 54a20116..8f0ee6d7 100644
--- a/src/components/sidebars/elements/LoadChartComponent.js
+++ b/src/components/sidebars/elements/LoadChartComponent.js
@@ -1,7 +1,7 @@
 import React from "react";
 import {VictoryChart, VictoryLine, VictoryScatter} from "victory";
 
-const LoadChartComponent = ({data, tick}) => (
+const LoadChartComponent = ({data, currentTick}) => (
     <VictoryChart height={300}>
         <VictoryLine
             data={data}
@@ -10,6 +10,15 @@ const LoadChartComponent = ({data, tick}) => (
             data={data}
             size={5}
         />
+        <VictoryLine
+            data={[
+                {x: currentTick, y: 0},
+                {x: currentTick, y: 1},
+            ]}
+            style={{
+                data: {stroke: "#00A6D6", strokeWidth: 3}
+            }}
+        />
     </VictoryChart>
 );