diff options
Diffstat (limited to 'src/components/map/groups/DatacenterGroup.js')
| -rw-r--r-- | src/components/map/groups/DatacenterGroup.js | 30 |
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 = { |