From de8f12d74faef5fa3f9e38d1340948cab2d06ea3 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Wed, 1 Jul 2020 13:33:31 +0200
Subject: Manually generate IDs

---
 .../components/app/map/groups/DatacenterGroup.js   | 66 +++++++++++-----------
 1 file changed, 33 insertions(+), 33 deletions(-)

(limited to 'frontend/src/components/app/map/groups/DatacenterGroup.js')

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
-- 
cgit v1.2.3