From d2fe45aaa1b265c0caad7e83b16f6f2adbcd4c27 Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Thu, 21 Sep 2017 19:15:08 +0200 Subject: Add tool panel to lower left map corner --- .../map/controls/ScaleIndicatorContainer.js | 14 ++++++++++++++ .../map/controls/ZoomControlContainer.js | 22 ++++++++++++++++++++++ 2 files changed, 36 insertions(+) create mode 100644 src/containers/map/controls/ScaleIndicatorContainer.js create mode 100644 src/containers/map/controls/ZoomControlContainer.js (limited to 'src/containers/map/controls') diff --git a/src/containers/map/controls/ScaleIndicatorContainer.js b/src/containers/map/controls/ScaleIndicatorContainer.js new file mode 100644 index 00000000..06cc96f5 --- /dev/null +++ b/src/containers/map/controls/ScaleIndicatorContainer.js @@ -0,0 +1,14 @@ +import {connect} from "react-redux"; +import ScaleIndicatorComponent from "../../../components/map/controls/ScaleIndicatorComponent"; + +const mapStateToProps = state => { + return { + scale: state.map.scale, + }; +}; + +const ScaleIndicatorContainer = connect( + mapStateToProps +)(ScaleIndicatorComponent); + +export default ScaleIndicatorContainer; diff --git a/src/containers/map/controls/ZoomControlContainer.js b/src/containers/map/controls/ZoomControlContainer.js new file mode 100644 index 00000000..280ede4f --- /dev/null +++ b/src/containers/map/controls/ZoomControlContainer.js @@ -0,0 +1,22 @@ +import {connect} from "react-redux"; +import {setMapScale} from "../../../actions/map"; +import ZoomControlComponent from "../../../components/map/controls/ZoomControlComponent"; + +const mapStateToProps = state => { + return { + mapScale: state.map.scale, + }; +}; + +const mapDispatchToProps = dispatch => { + return { + setMapScale: scale => dispatch(setMapScale(scale)), + }; +}; + +const ZoomControlContainer = connect( + mapStateToProps, + mapDispatchToProps +)(ZoomControlComponent); + +export default ZoomControlContainer; -- cgit v1.2.3