2 files changed, 63 insertions, 0 deletions
diff --git a/frontend/src/containers/app/sidebars/elements/LoadBarContainer.js b/frontend/src/containers/app/sidebars/elements/LoadBarContainer.js
new file mode 100644
index 00000000..2e637f9a
--- /dev/null
+++ b/frontend/src/containers/app/sidebars/elements/LoadBarContainer.js
@@ -0,0 +1,32 @@
+import { connect } from "react-redux";
+import LoadBarComponent from "../../../../components/app/sidebars/elements/LoadBarComponent";
+import { getStateLoad } from "../../../../util/simulation-load";
+
+const mapStateToProps = (state, ownProps) => {
+  let percent = 0;
+  let enabled = false;
+
+  const objectStates = state.states[ownProps.objectType];
+  if (
+    objectStates[state.currentTick] &&
+    objectStates[state.currentTick][ownProps.objectId]
+  ) {
+    percent = Math.floor(
+      100 *
+        getStateLoad(
+          state.loadMetric,
+          objectStates[state.currentTick][ownProps.objectId]
+        )
+    );
+    enabled = true;
+  }
+
+  return {
+    percent,
+    enabled
+  };
+};
+
+const LoadBarContainer = connect(mapStateToProps)(LoadBarComponent);
+
+export default LoadBarContainer;
diff --git a/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js b/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js
new file mode 100644
index 00000000..57bfec38
--- /dev/null
+++ b/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js
@@ -0,0 +1,31 @@
+import { connect } from "react-redux";
+import LoadChartComponent from "../../../../components/app/sidebars/elements/LoadChartComponent";
+import { getStateLoad } from "../../../../util/simulation-load";
+
+const mapStateToProps = (state, ownProps) => {
+  const data = [];
+
+  if (state.lastSimulatedTick !== -1) {
+    const objectStates = state.states[ownProps.objectType];
+    Object.keys(objectStates).forEach(tick => {
+      if (objectStates[tick][ownProps.objectId]) {
+        data.push({
+          x: tick,
+          y: getStateLoad(
+            state.loadMetric,
+            objectStates[tick][ownProps.objectId]
+          )
+        });
+      }
+    });
+  }
+
+  return {
+    data,
+    currentTick: state.currentTick
+  };
+};
+
+const LoadChartContainer = connect(mapStateToProps)(LoadChartComponent);
+
+export default LoadChartContainer;