frontend/src/components/app/map/groups/WallGroup.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import PropTypes from 'prop-types'
import React from 'react'
import { Group } from 'react-konva'
import Shapes from '../../../../shapes/index'
import { deriveWallLocations } from '../../../../util/tile-calculations'
import WallSegment from '../elements/WallSegment'

const WallGroup = ({ tiles }) => {
    return (
        <Group>
            {deriveWallLocations(tiles).map((wallSegment, index) => (
                <WallSegment key={index} wallSegment={wallSegment}/>
            ))}
        </Group>
    )
}

WallGroup.propTypes = {
    tiles: PropTypes.arrayOf(Shapes.Tile).isRequired,
}

export default WallGroup