1 files changed, 41 insertions, 0 deletions
diff --git a/frontend/src/containers/app/timeline/TimelineContainer.js b/frontend/src/containers/app/timeline/TimelineContainer.js
new file mode 100644
index 00000000..74d37d58
--- /dev/null
+++ b/frontend/src/containers/app/timeline/TimelineContainer.js
@@ -0,0 +1,41 @@
+import { connect } from "react-redux";
+import { pauseSimulation } from "../../../actions/simulation/playback";
+import { incrementTick } from "../../../actions/simulation/tick";
+import { setCurrentDatacenter } from "../../../actions/topology/building";
+import TimelineComponent from "../../../components/app/timeline/TimelineComponent";
+
+const mapStateToProps = state => {
+  let sections = [];
+  if (state.currentExperimentId !== -1) {
+    const sectionIds =
+      state.objects.path[
+        state.objects.experiment[state.currentExperimentId].pathId
+      ].sectionIds;
+
+    if (sectionIds) {
+      sections = sectionIds.map(sectionId => state.objects.section[sectionId]);
+    }
+  }
+
+  return {
+    isPlaying: state.isPlaying,
+    currentTick: state.currentTick,
+    lastSimulatedTick: state.lastSimulatedTick,
+    currentDatacenterId: state.currentDatacenterId,
+    sections
+  };
+};
+
+const mapDispatchToProps = dispatch => {
+  return {
+    incrementTick: () => dispatch(incrementTick()),
+    pauseSimulation: () => dispatch(pauseSimulation()),
+    setCurrentDatacenter: id => dispatch(setCurrentDatacenter(id))
+  };
+};
+
+const TimelineContainer = connect(mapStateToProps, mapDispatchToProps)(
+  TimelineComponent
+);
+
+export default TimelineContainer;