Enable going from building to room and back

3 files changed, 34 insertions, 2 deletions

diff --git a/src/containers/map/DatacenterContainer.js b/src/containers/map/DatacenterContainer.js
index 1716f22d..00b6e79f 100644
--- a/src/containers/map/DatacenterContainer.js
+++ b/src/containers/map/DatacenterContainer.js
@@ -8,10 +8,10 @@ const mapStateToProps = state => {
     }
 
     const datacenter = denormalize(state, "datacenter", state.currentDatacenterId);
-    console.log(datacenter);
 
     return {
-        datacenter
+        datacenter,
+        interactionLevel: state.interactionLevel
     };
 };
 
diff --git a/src/containers/map/GrayContainer.js b/src/containers/map/GrayContainer.js
new file mode 100644
index 00000000..27024147
--- /dev/null
+++ b/src/containers/map/GrayContainer.js
@@ -0,0 +1,16 @@
+import {connect} from "react-redux";
+import {goFromRoomToBuilding} from "../../actions/interaction-level";
+import GrayLayer from "../../components/map/elements/GrayLayer";
+
+const mapDispatchToProps = dispatch => {
+    return {
+        onClick: () => dispatch(goFromRoomToBuilding())
+    };
+};
+
+const GrayContainer = connect(
+    undefined,
+    mapDispatchToProps
+)(GrayLayer);
+
+export default GrayContainer;
diff --git a/src/containers/map/RoomContainer.js b/src/containers/map/RoomContainer.js
new file mode 100644
index 00000000..d3d9b7e0
--- /dev/null
+++ b/src/containers/map/RoomContainer.js
@@ -0,0 +1,16 @@
+import {connect} from "react-redux";
+import {goFromBuildingToRoom} from "../../actions/interaction-level";
+import RoomGroup from "../../components/map/groups/RoomGroup";
+
+const mapDispatchToProps = (dispatch, ownProps) => {
+    return {
+        onClick: () => dispatch(goFromBuildingToRoom(ownProps.room.id))
+    };
+};
+
+const RoomContainer = connect(
+    undefined,
+    mapDispatchToProps
+)(RoomGroup);
+
+export default RoomContainer;