1 files changed, 43 insertions, 0 deletions
diff --git a/frontend/src/containers/app/map/TileContainer.js b/frontend/src/containers/app/map/TileContainer.js
new file mode 100644
index 00000000..9e179924
--- /dev/null
+++ b/frontend/src/containers/app/map/TileContainer.js
@@ -0,0 +1,43 @@
+import { connect } from "react-redux";
+import { goFromRoomToRack } from "../../../actions/interaction-level";
+import TileGroup from "../../../components/app/map/groups/TileGroup";
+import { getStateLoad } from "../../../util/simulation-load";
+
+const mapStateToProps = (state, ownProps) => {
+  const tile = state.objects.tile[ownProps.tileId];
+  const inSimulation = state.currentExperimentId !== -1;
+
+  let roomLoad = undefined;
+  if (inSimulation) {
+    if (
+      state.states.room[state.currentTick] &&
+      state.states.room[state.currentTick][tile.roomId]
+    ) {
+      roomLoad = getStateLoad(
+        state.loadMetric,
+        state.states.room[state.currentTick][tile.roomId]
+      );
+    }
+  }
+
+  return {
+    interactionLevel: state.interactionLevel,
+    tile,
+    inSimulation,
+    roomLoad
+  };
+};
+
+const mapDispatchToProps = dispatch => {
+  return {
+    onClick: tile => {
+      if (tile.objectType) {
+        dispatch(goFromRoomToRack(tile.id));
+      }
+    }
+  };
+};
+
+const TileContainer = connect(mapStateToProps, mapDispatchToProps)(TileGroup);
+
+export default TileContainer;