2 files changed, 35 insertions, 0 deletions
diff --git a/frontend/src/containers/app/map/controls/ScaleIndicatorContainer.js b/frontend/src/containers/app/map/controls/ScaleIndicatorContainer.js
new file mode 100644
index 00000000..f075cde5
--- /dev/null
+++ b/frontend/src/containers/app/map/controls/ScaleIndicatorContainer.js
@@ -0,0 +1,14 @@
+import { connect } from "react-redux";
+import ScaleIndicatorComponent from "../../../../components/app/map/controls/ScaleIndicatorComponent";
+
+const mapStateToProps = state => {
+  return {
+    scale: state.map.scale
+  };
+};
+
+const ScaleIndicatorContainer = connect(mapStateToProps)(
+  ScaleIndicatorComponent
+);
+
+export default ScaleIndicatorContainer;
diff --git a/frontend/src/containers/app/map/controls/ZoomControlContainer.js b/frontend/src/containers/app/map/controls/ZoomControlContainer.js
new file mode 100644
index 00000000..50910bd6
--- /dev/null
+++ b/frontend/src/containers/app/map/controls/ZoomControlContainer.js
@@ -0,0 +1,21 @@
+import { connect } from "react-redux";
+import { zoomInOnCenter } from "../../../../actions/map";
+import ZoomControlComponent from "../../../../components/app/map/controls/ZoomControlComponent";
+
+const mapStateToProps = state => {
+  return {
+    mapScale: state.map.scale
+  };
+};
+
+const mapDispatchToProps = dispatch => {
+  return {
+    zoomInOnCenter: zoomIn => dispatch(zoomInOnCenter(zoomIn))
+  };
+};
+
+const ZoomControlContainer = connect(mapStateToProps, mapDispatchToProps)(
+  ZoomControlComponent
+);
+
+export default ZoomControlContainer;