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;