frontend/src/components/app/map/layers/MapLayerComponent.js


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

import React from "react";
import { Group, Layer } from "react-konva";
import DatacenterContainer from "../../../../containers/app/map/DatacenterContainer";
import Backdrop from "../elements/Backdrop";
import GridGroup from "../groups/GridGroup";

const MapLayerComponent = ({ mapPosition, mapScale }) => (
  <Layer>
    <Group
      x={mapPosition.x}
      y={mapPosition.y}
      scaleX={mapScale}
      scaleY={mapScale}
    >
      <Backdrop />
      <DatacenterContainer />
      <GridGroup />
    </Group>
  </Layer>
);

export default MapLayerComponent;