Enable going from room to tile and back

1 files changed, 15 insertions, 15 deletions

diff --git a/src/components/map/groups/DatacenterGroup.js b/src/components/map/groups/DatacenterGroup.js
index cd4baaa5..2f4dc2eb 100644
--- a/src/components/map/groups/DatacenterGroup.js
+++ b/src/components/map/groups/DatacenterGroup.js
@@ -9,21 +9,7 @@ const DatacenterGroup = ({datacenter, interactionLevel}) => {
         return <Group/>;
     }
 
-    if (interactionLevel.mode === "ROOM") {
-        return (
-            <Group>
-                {datacenter.rooms
-                    .filter(room => room.id !== interactionLevel.roomId)
-                    .map(room => <RoomContainer key={room.id} room={room}/>)
-                }
-                <GrayContainer/>
-                {datacenter.rooms
-                    .filter(room => room.id === interactionLevel.roomId)
-                    .map(room => <RoomContainer key={room.id} room={room}/>)
-                }
-            </Group>
-        );
-    } else {
+    if (interactionLevel.mode === "BUILDING") {
         return (
             <Group>
                 {datacenter.rooms.map(room => (
@@ -32,6 +18,20 @@ const DatacenterGroup = ({datacenter, interactionLevel}) => {
             </Group>
         );
     }
+
+    return (
+        <Group>
+            {datacenter.rooms
+                .filter(room => room.id !== interactionLevel.roomId)
+                .map(room => <RoomContainer key={room.id} room={room}/>)
+            }
+            {interactionLevel.mode === "ROOM" ? <GrayContainer/> : null}
+            {datacenter.rooms
+                .filter(room => room.id === interactionLevel.roomId)
+                .map(room => <RoomContainer key={room.id} room={room}/>)
+            }
+        </Group>
+    );
 };
 
 DatacenterGroup.propTypes = {