1 files changed, 37 insertions, 0 deletions
diff --git a/frontend/src/containers/app/map/layers/ObjectHoverLayer.js b/frontend/src/containers/app/map/layers/ObjectHoverLayer.js
new file mode 100644
index 00000000..9b28575e
--- /dev/null
+++ b/frontend/src/containers/app/map/layers/ObjectHoverLayer.js
@@ -0,0 +1,37 @@
+import { connect } from "react-redux";
+import { addRackToTile } from "../../../../actions/topology/room";
+import ObjectHoverLayerComponent from "../../../../components/app/map/layers/ObjectHoverLayerComponent";
+import { findTileWithPosition } from "../../../../util/tile-calculations";
+
+const mapStateToProps = state => {
+  return {
+    mapPosition: state.map.position,
+    mapScale: state.map.scale,
+    isEnabled: () => state.construction.inRackConstructionMode,
+    isValid: (x, y) => {
+      if (state.interactionLevel.mode !== "ROOM") {
+        return false;
+      }
+
+      const currentRoom = state.objects.room[state.interactionLevel.roomId];
+      const tiles = currentRoom.tileIds.map(
+        tileId => state.objects.tile[tileId]
+      );
+      const tile = findTileWithPosition(tiles, x, y);
+
+      return !(tile === null || tile.objectType);
+    }
+  };
+};
+
+const mapDispatchToProps = dispatch => {
+  return {
+    onClick: (x, y) => dispatch(addRackToTile(x, y))
+  };
+};
+
+const ObjectHoverLayer = connect(mapStateToProps, mapDispatchToProps)(
+  ObjectHoverLayerComponent
+);
+
+export default ObjectHoverLayer;