From 602c3eb9327a3681f5a220e13b8291bb60643cd7 Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Tue, 22 Aug 2017 10:48:01 +0200 Subject: Add tile rendering logic --- src/components/map/groups/RackGroup.js | 17 +++++++++++++++++ src/components/map/groups/TileGroup.js | 29 +++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+) create mode 100644 src/components/map/groups/RackGroup.js create mode 100644 src/components/map/groups/TileGroup.js (limited to 'src/components/map/groups') diff --git a/src/components/map/groups/RackGroup.js b/src/components/map/groups/RackGroup.js new file mode 100644 index 00000000..9bc28331 --- /dev/null +++ b/src/components/map/groups/RackGroup.js @@ -0,0 +1,17 @@ +import React from "react"; +import {Group} from "react-konva"; +import {RACK_BACKGROUND_COLOR} from "../../../colors/index"; +import Shapes from "../../../shapes/index"; +import TileObject from "../elements/TileObject"; + +const RackGroup = ({tile}) => ( + + + +); + +RackGroup.propTypes = { + tile: Shapes.Tile, +}; + +export default RackGroup; diff --git a/src/components/map/groups/TileGroup.js b/src/components/map/groups/TileGroup.js new file mode 100644 index 00000000..7493f953 --- /dev/null +++ b/src/components/map/groups/TileGroup.js @@ -0,0 +1,29 @@ +import React from "react"; +import {Group} from "react-konva"; +import Shapes from "../../../shapes/index"; +import RoomTile from "../elements/RoomTile"; +import RackGroup from "./RackGroup"; + +const TileGroup = ({tile}) => { + let tileObject; + switch (tile.objectType) { + case "RACK": + tileObject = ; + break; + default: + tileObject = null; + } + + return ( + + + {tileObject} + + ); +}; + +TileGroup.propTypes = { + tile: Shapes.Tile, +}; + +export default TileGroup; -- cgit v1.2.3