From f8f617c97fcb2df3dbefc9527d974151e367cb60 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Mon, 18 Sep 2017 16:52:11 +0200
Subject: Implement basic experiment mode with timeline

The timeline doesn't trigger anything yet, but the visual element is in place and connected.
---
 src/components/timeline/TimelineLabelsComponent.js | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/components/timeline/TimelineLabelsComponent.js

(limited to 'src/components/timeline/TimelineLabelsComponent.js')

diff --git a/src/components/timeline/TimelineLabelsComponent.js b/src/components/timeline/TimelineLabelsComponent.js
new file mode 100644
index 00000000..1f6053a1
--- /dev/null
+++ b/src/components/timeline/TimelineLabelsComponent.js
@@ -0,0 +1,11 @@
+import React from "react";
+import {convertSecondsToFormattedTime} from "../../util/date-time";
+
+const TimelineLabelsComponent = ({currentTick, lastSimulatedTick}) => (
+    <div className="timeline-labels">
+        <div className="start-time-label">{convertSecondsToFormattedTime(currentTick)}</div>
+        <div className="end-time-label">{convertSecondsToFormattedTime(lastSimulatedTick)}</div>
+    </div>
+);
+
+export default TimelineLabelsComponent;
-- 
cgit v1.2.3