1 files changed, 22 insertions, 0 deletions
diff --git a/frontend/src/components/app/map/layers/MapLayerComponent.js b/frontend/src/components/app/map/layers/MapLayerComponent.js
new file mode 100644
index 00000000..6ad3cb88
--- /dev/null
+++ b/frontend/src/components/app/map/layers/MapLayerComponent.js
@@ -0,0 +1,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;