From 6f3afd0317a8e549f77ad6764f6dbe4d4953b67c Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Mon, 4 Sep 2017 09:10:46 +0200
Subject: Add plus icon component

---
 src/components/map/layers/HoverTileLayerComponent.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'src/components/map/layers')

diff --git a/src/components/map/layers/HoverTileLayerComponent.js b/src/components/map/layers/HoverTileLayerComponent.js
index a4d9446a..bd07596a 100644
--- a/src/components/map/layers/HoverTileLayerComponent.js
+++ b/src/components/map/layers/HoverTileLayerComponent.js
@@ -1,9 +1,19 @@
+import PropTypes from "prop-types";
 import React from 'react';
 import {Layer} from "react-konva";
 import HoverTile from "../elements/HoverTile";
 import {TILE_SIZE_IN_PIXELS} from "../MapConstants";
 
 class HoverTileLayerComponent extends React.Component {
+    static propTypes = {
+        mouseX: PropTypes.number.isRequired,
+        mouseY: PropTypes.number.isRequired,
+        mainGroupX: PropTypes.number.isRequired,
+        mainGroupY: PropTypes.number.isRequired,
+        onClick: PropTypes.func.isRequired,
+        containsRack: PropTypes.bool,
+    };
+
     state = {
         positionX: -1,
         positionY: -1,
@@ -34,7 +44,7 @@ class HoverTileLayerComponent extends React.Component {
         const pixelY = positionY * TILE_SIZE_IN_PIXELS + this.props.mainGroupY;
 
         return (
-            <Layer>
+            <Layer opacity={0.4}>
                 <HoverTile
                     pixelX={pixelX} pixelY={pixelY}
                     isValid={this.state.validity} onClick={() => this.props.onClick(positionX, positionY)}
-- 
cgit v1.2.3