frontend/src/containers/app/map/layers/ObjectHoverLayer.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

import { connect } from "react-redux";
import { addRackToTile } from "../../../../actions/topology/room";
import ObjectHoverLayerComponent from "../../../../components/app/map/layers/ObjectHoverLayerComponent";
import { findTileWithPosition } from "../../../../util/tile-calculations";

const mapStateToProps = state => {
  return {
    mapPosition: state.map.position,
    mapScale: state.map.scale,
    isEnabled: () => state.construction.inRackConstructionMode,
    isValid: (x, y) => {
      if (state.interactionLevel.mode !== "ROOM") {
        return false;
      }

      const currentRoom = state.objects.room[state.interactionLevel.roomId];
      const tiles = currentRoom.tileIds.map(
        tileId => state.objects.tile[tileId]
      );
      const tile = findTileWithPosition(tiles, x, y);

      return !(tile === null || tile.objectType);
    }
  };
};

const mapDispatchToProps = dispatch => {
  return {
    onClick: (x, y) => dispatch(addRackToTile(x, y))
  };
};

const ObjectHoverLayer = connect(mapStateToProps, mapDispatchToProps)(
  ObjectHoverLayerComponent
);

export default ObjectHoverLayer;