blob: e9a64545fb625f63f1b699093a5c54190dc58799 (
plain)
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
|
import React from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { addRackToTile } from '../../../../redux/actions/topology/room'
import ObjectHoverLayerComponent from '../../../../components/app/map/layers/ObjectHoverLayerComponent'
import { findTileWithPosition } from '../../../../util/tile-calculations'
const ObjectHoverLayer = (props) => {
const state = useSelector((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.tiles.map((tileId) => state.objects.tile[tileId])
const tile = findTileWithPosition(tiles, x, y)
return !(tile === null || tile.rack)
},
}
})
const dispatch = useDispatch()
const onClick = (x, y) => dispatch(addRackToTile(x, y))
return <ObjectHoverLayerComponent {...props} {...state} onClick={onClick} />
}
export default ObjectHoverLayer
|
