From 5020d7c293beb08699897e003525059396c16424 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 15:40:57 +0200
Subject: Indicate current tick within chart

---
 src/components/sidebars/elements/LoadChartComponent.js | 11 ++++++++++-
 src/containers/sidebars/elements/LoadChartContainer.js |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

(limited to 'src')

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>
 );
 
diff --git a/src/containers/sidebars/elements/LoadChartContainer.js b/src/containers/sidebars/elements/LoadChartContainer.js
index 7d8b10e5..33b99a51 100644
--- a/src/containers/sidebars/elements/LoadChartContainer.js
+++ b/src/containers/sidebars/elements/LoadChartContainer.js
@@ -15,7 +15,8 @@ const mapStateToProps = (state, ownProps) => {
     }
 
     return {
-        data
+        data,
+        currentTick: state.currentTick,
     };
 };
 
-- 
cgit v1.2.3