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

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.rackId)
        },
    }
}

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

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

export default ObjectHoverLayer