Manually generate IDs

1 files changed, 50 insertions, 50 deletions

diff --git a/frontend/src/components/app/map/groups/RoomGroup.js b/frontend/src/components/app/map/groups/RoomGroup.js
index c8f0d3db..230e3c9b 100644
--- a/frontend/src/components/app/map/groups/RoomGroup.js
+++ b/frontend/src/components/app/map/groups/RoomGroup.js
@@ -1,56 +1,56 @@
-import React from "react";
-import { Group } from "react-konva";
-import GrayContainer from "../../../../containers/app/map/GrayContainer";
-import TileContainer from "../../../../containers/app/map/TileContainer";
-import WallContainer from "../../../../containers/app/map/WallContainer";
-import Shapes from "../../../../shapes/index";
+import React from 'react'
+import { Group } from 'react-konva'
+import GrayContainer from '../../../../containers/app/map/GrayContainer'
+import TileContainer from '../../../../containers/app/map/TileContainer'
+import WallContainer from '../../../../containers/app/map/WallContainer'
+import Shapes from '../../../../shapes/index'
 
 const RoomGroup = ({
-  room,
-  interactionLevel,
-  currentRoomInConstruction,
-  onClick
-}) => {
-  if (currentRoomInConstruction === room.id) {
-    return (
-      <Group onClick={onClick}>
-        {room.tileIds.map(tileId => (
-          <TileContainer key={tileId} tileId={tileId} newTile={true} />
-        ))}
-      </Group>
-    );
-  }
+                       room,
+                       interactionLevel,
+                       currentRoomInConstruction,
+                       onClick,
+                   }) => {
+    if (currentRoomInConstruction === room.id) {
+        return (
+            <Group onClick={onClick}>
+                {room.tileIds.map(tileId => (
+                    <TileContainer key={tileId} tileId={tileId} newTile={true}/>
+                ))}
+            </Group>
+        )
+    }
 
-  return (
-    <Group onClick={onClick}>
-      {(() => {
-        if (
-          (interactionLevel.mode === "RACK" ||
-            interactionLevel.mode === "MACHINE") &&
-          interactionLevel.roomId === room.id
-        ) {
-          return [
-            room.tileIds
-              .filter(tileId => tileId !== interactionLevel.tileId)
-              .map(tileId => <TileContainer key={tileId} tileId={tileId} />),
-            <GrayContainer key={-1} />,
-            room.tileIds
-              .filter(tileId => tileId === interactionLevel.tileId)
-              .map(tileId => <TileContainer key={tileId} tileId={tileId} />)
-          ];
-        } else {
-          return room.tileIds.map(tileId => (
-            <TileContainer key={tileId} tileId={tileId} />
-          ));
-        }
-      })()}
-      <WallContainer roomId={room.id} />
-    </Group>
-  );
-};
+    return (
+        <Group onClick={onClick}>
+            {(() => {
+                if (
+                    (interactionLevel.mode === 'RACK' ||
+                        interactionLevel.mode === 'MACHINE') &&
+                    interactionLevel.roomId === room.id
+                ) {
+                    return [
+                        room.tileIds
+                            .filter(tileId => tileId !== interactionLevel.tileId)
+                            .map(tileId => <TileContainer key={tileId} tileId={tileId}/>),
+                        <GrayContainer key={-1}/>,
+                        room.tileIds
+                            .filter(tileId => tileId === interactionLevel.tileId)
+                            .map(tileId => <TileContainer key={tileId} tileId={tileId}/>),
+                    ]
+                } else {
+                    return room.tileIds.map(tileId => (
+                        <TileContainer key={tileId} tileId={tileId}/>
+                    ))
+                }
+            })()}
+            <WallContainer roomId={room.id}/>
+        </Group>
+    )
+}
 
 RoomGroup.propTypes = {
-  room: Shapes.Room
-};
+    room: Shapes.Room,
+}
 
-export default RoomGroup;
+export default RoomGroup