summaryrefslogtreecommitdiff
path: root/src/components/app/map/groups/TileGroup.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/app/map/groups/TileGroup.js')
-rw-r--r--src/components/app/map/groups/TileGroup.js57
1 files changed, 29 insertions, 28 deletions
diff --git a/src/components/app/map/groups/TileGroup.js b/src/components/app/map/groups/TileGroup.js
index 0cd4ea59..8f3953d7 100644
--- a/src/components/app/map/groups/TileGroup.js
+++ b/src/components/app/map/groups/TileGroup.js
@@ -1,42 +1,43 @@
import PropTypes from "prop-types";
import React from "react";
-import {Group} from "react-konva";
+import { Group } from "react-konva";
import RackContainer from "../../../../containers/app/map/RackContainer";
import Shapes from "../../../../shapes/index";
-import {ROOM_DEFAULT_COLOR, ROOM_IN_CONSTRUCTION_COLOR} from "../../../../util/colors";
-import {convertLoadToSimulationColor} from "../../../../util/simulation-load";
+import {
+ ROOM_DEFAULT_COLOR,
+ ROOM_IN_CONSTRUCTION_COLOR
+} from "../../../../util/colors";
+import { convertLoadToSimulationColor } from "../../../../util/simulation-load";
import RoomTile from "../elements/RoomTile";
-const TileGroup = ({tile, newTile, inSimulation, roomLoad, onClick}) => {
- let tileObject;
- switch (tile.objectType) {
- case "RACK":
- tileObject = <RackContainer tile={tile}/>;
- break;
- default:
- tileObject = null;
- }
+const TileGroup = ({ tile, newTile, inSimulation, roomLoad, onClick }) => {
+ let tileObject;
+ switch (tile.objectType) {
+ case "RACK":
+ tileObject = <RackContainer tile={tile} />;
+ break;
+ default:
+ tileObject = null;
+ }
- let color = ROOM_DEFAULT_COLOR;
- if (newTile) {
- color = ROOM_IN_CONSTRUCTION_COLOR;
- } else if (inSimulation && roomLoad >= 0) {
- color = convertLoadToSimulationColor(roomLoad);
- }
+ let color = ROOM_DEFAULT_COLOR;
+ if (newTile) {
+ color = ROOM_IN_CONSTRUCTION_COLOR;
+ } else if (inSimulation && roomLoad >= 0) {
+ color = convertLoadToSimulationColor(roomLoad);
+ }
- return (
- <Group
- onClick={() => onClick(tile)}
- >
- <RoomTile tile={tile} color={color}/>
- {tileObject}
- </Group>
- );
+ return (
+ <Group onClick={() => onClick(tile)}>
+ <RoomTile tile={tile} color={color} />
+ {tileObject}
+ </Group>
+ );
};
TileGroup.propTypes = {
- tile: Shapes.Tile,
- newTile: PropTypes.bool,
+ tile: Shapes.Tile,
+ newTile: PropTypes.bool
};
export default TileGroup;