summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/map/groups/DatacenterGroup.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/app/map/groups/DatacenterGroup.js')
-rw-r--r--frontend/src/components/app/map/groups/DatacenterGroup.js66
1 files changed, 33 insertions, 33 deletions
diff --git a/frontend/src/components/app/map/groups/DatacenterGroup.js b/frontend/src/components/app/map/groups/DatacenterGroup.js
index 51e32db6..3d3b9702 100644
--- a/frontend/src/components/app/map/groups/DatacenterGroup.js
+++ b/frontend/src/components/app/map/groups/DatacenterGroup.js
@@ -1,40 +1,40 @@
-import React from "react";
-import { Group } from "react-konva";
-import GrayContainer from "../../../../containers/app/map/GrayContainer";
-import RoomContainer from "../../../../containers/app/map/RoomContainer";
-import Shapes from "../../../../shapes/index";
+import React from 'react'
+import { Group } from 'react-konva'
+import GrayContainer from '../../../../containers/app/map/GrayContainer'
+import RoomContainer from '../../../../containers/app/map/RoomContainer'
+import Shapes from '../../../../shapes/index'
const DatacenterGroup = ({ datacenter, interactionLevel }) => {
- if (!datacenter) {
- return <Group />;
- }
+ if (!datacenter) {
+ return <Group/>
+ }
- if (interactionLevel.mode === "BUILDING") {
- return (
- <Group>
- {datacenter.roomIds.map(roomId => (
- <RoomContainer key={roomId} roomId={roomId} />
- ))}
- </Group>
- );
- }
+ if (interactionLevel.mode === 'BUILDING') {
+ return (
+ <Group>
+ {datacenter.roomIds.map(roomId => (
+ <RoomContainer key={roomId} roomId={roomId}/>
+ ))}
+ </Group>
+ )
+ }
- return (
- <Group>
- {datacenter.roomIds
- .filter(roomId => roomId !== interactionLevel.roomId)
- .map(roomId => <RoomContainer key={roomId} roomId={roomId} />)}
- {interactionLevel.mode === "ROOM" ? <GrayContainer /> : null}
- {datacenter.roomIds
- .filter(roomId => roomId === interactionLevel.roomId)
- .map(roomId => <RoomContainer key={roomId} roomId={roomId} />)}
- </Group>
- );
-};
+ return (
+ <Group>
+ {datacenter.roomIds
+ .filter(roomId => roomId !== interactionLevel.roomId)
+ .map(roomId => <RoomContainer key={roomId} roomId={roomId}/>)}
+ {interactionLevel.mode === 'ROOM' ? <GrayContainer/> : null}
+ {datacenter.roomIds
+ .filter(roomId => roomId === interactionLevel.roomId)
+ .map(roomId => <RoomContainer key={roomId} roomId={roomId}/>)}
+ </Group>
+ )
+}
DatacenterGroup.propTypes = {
- datacenter: Shapes.Datacenter,
- interactionLevel: Shapes.InteractionLevel
-};
+ datacenter: Shapes.Datacenter,
+ interactionLevel: Shapes.InteractionLevel,
+}
-export default DatacenterGroup;
+export default DatacenterGroup