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

---
 .../src/components/app/map/groups/RackGroup.js     | 74 +++++++++++-----------
 1 file changed, 37 insertions(+), 37 deletions(-)

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

diff --git a/frontend/src/components/app/map/groups/RackGroup.js b/frontend/src/components/app/map/groups/RackGroup.js
index 69d6ac10..708dcf69 100644
--- a/frontend/src/components/app/map/groups/RackGroup.js
+++ b/frontend/src/components/app/map/groups/RackGroup.js
@@ -1,43 +1,43 @@
-import React from "react";
-import { Group } from "react-konva";
-import RackEnergyFillContainer from "../../../../containers/app/map/RackEnergyFillContainer";
-import RackSpaceFillContainer from "../../../../containers/app/map/RackSpaceFillContainer";
-import Shapes from "../../../../shapes/index";
-import { RACK_BACKGROUND_COLOR } from "../../../../util/colors";
-import { convertLoadToSimulationColor } from "../../../../util/simulation-load";
-import TileObject from "../elements/TileObject";
+import React from 'react'
+import { Group } from 'react-konva'
+import RackEnergyFillContainer from '../../../../containers/app/map/RackEnergyFillContainer'
+import RackSpaceFillContainer from '../../../../containers/app/map/RackSpaceFillContainer'
+import Shapes from '../../../../shapes/index'
+import { RACK_BACKGROUND_COLOR } from '../../../../util/colors'
+import { convertLoadToSimulationColor } from '../../../../util/simulation-load'
+import TileObject from '../elements/TileObject'
 
 const RackGroup = ({ tile, inSimulation, rackLoad }) => {
-  let color = RACK_BACKGROUND_COLOR;
-  if (inSimulation && rackLoad >= 0) {
-    color = convertLoadToSimulationColor(rackLoad);
-  }
+    let color = RACK_BACKGROUND_COLOR
+    if (inSimulation && rackLoad >= 0) {
+        color = convertLoadToSimulationColor(rackLoad)
+    }
 
-  return (
-    <Group>
-      <TileObject
-        positionX={tile.positionX}
-        positionY={tile.positionY}
-        color={color}
-      />
-      <Group opacity={inSimulation ? 0.3 : 1}>
-        <RackSpaceFillContainer
-          tileId={tile.id}
-          positionX={tile.positionX}
-          positionY={tile.positionY}
-        />
-        <RackEnergyFillContainer
-          tileId={tile.id}
-          positionX={tile.positionX}
-          positionY={tile.positionY}
-        />
-      </Group>
-    </Group>
-  );
-};
+    return (
+        <Group>
+            <TileObject
+                positionX={tile.positionX}
+                positionY={tile.positionY}
+                color={color}
+            />
+            <Group opacity={inSimulation ? 0.3 : 1}>
+                <RackSpaceFillContainer
+                    tileId={tile.id}
+                    positionX={tile.positionX}
+                    positionY={tile.positionY}
+                />
+                <RackEnergyFillContainer
+                    tileId={tile.id}
+                    positionX={tile.positionX}
+                    positionY={tile.positionY}
+                />
+            </Group>
+        </Group>
+    )
+}
 
 RackGroup.propTypes = {
-  tile: Shapes.Tile
-};
+    tile: Shapes.Tile,
+}
 
-export default RackGroup;
+export default RackGroup
-- 
cgit v1.2.3