diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-04 09:10:46 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:05:57 +0200 |
| commit | 6f3afd0317a8e549f77ad6764f6dbe4d4953b67c (patch) | |
| tree | 767379e013d56b87ac814327f6fc4d789c23947e /src/components/map/elements/TileObject.js | |
| parent | f4389bd0df1669969339b8b43b61fb78e7c1be25 (diff) | |
Add plus icon component
Diffstat (limited to 'src/components/map/elements/TileObject.js')
| -rw-r--r-- | src/components/map/elements/TileObject.js | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/components/map/elements/TileObject.js b/src/components/map/elements/TileObject.js index 1517ef97..b1d3315e 100644 --- a/src/components/map/elements/TileObject.js +++ b/src/components/map/elements/TileObject.js @@ -1,24 +1,24 @@ import PropTypes from "prop-types"; import React from "react"; import {Rect} from "react-konva"; -import {OBJECT_BORDER_COLOR, ROOM_DEFAULT_COLOR} from "../../../colors/index"; -import Shapes from "../../../shapes/index"; +import {OBJECT_BORDER_COLOR} from "../../../colors/index"; import {OBJECT_BORDER_WIDTH_IN_PIXELS, OBJECT_MARGIN_IN_PIXELS, TILE_SIZE_IN_PIXELS} from "../MapConstants"; -const TileObject = ({tile, color}) => ( +const TileObject = ({positionX, positionY, color}) => ( <Rect - x={tile.positionX * TILE_SIZE_IN_PIXELS + OBJECT_MARGIN_IN_PIXELS} - y={tile.positionY * TILE_SIZE_IN_PIXELS + OBJECT_MARGIN_IN_PIXELS} + x={positionX * TILE_SIZE_IN_PIXELS + OBJECT_MARGIN_IN_PIXELS} + y={positionY * TILE_SIZE_IN_PIXELS + OBJECT_MARGIN_IN_PIXELS} width={TILE_SIZE_IN_PIXELS - OBJECT_MARGIN_IN_PIXELS * 2} height={TILE_SIZE_IN_PIXELS - OBJECT_MARGIN_IN_PIXELS * 2} - fill={ROOM_DEFAULT_COLOR} + fill={color} stroke={OBJECT_BORDER_COLOR} strokeWidth={OBJECT_BORDER_WIDTH_IN_PIXELS} /> ); TileObject.propTypes = { - tile: Shapes.Tile, + positionX: PropTypes.number.isRequired, + positionY: PropTypes.number.isRequired, color: PropTypes.string.isRequired, }; |
