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;