summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/map/groups/RackGroup.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/app/map/groups/RackGroup.js')
-rw-r--r--frontend/src/components/app/map/groups/RackGroup.js74
1 files changed, 37 insertions, 37 deletions
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