summaryrefslogtreecommitdiff
path: root/src/components/app/map/controls
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/app/map/controls')
-rw-r--r--src/components/app/map/controls/ExportCanvasComponent.js14
-rw-r--r--src/components/app/map/controls/ScaleIndicatorComponent.js16
-rw-r--r--src/components/app/map/controls/ToolPanelComponent.js8
-rw-r--r--src/components/app/map/controls/ZoomControlComponent.js38
4 files changed, 38 insertions, 38 deletions
diff --git a/src/components/app/map/controls/ExportCanvasComponent.js b/src/components/app/map/controls/ExportCanvasComponent.js
index 2f044ffe..ee934f21 100644
--- a/src/components/app/map/controls/ExportCanvasComponent.js
+++ b/src/components/app/map/controls/ExportCanvasComponent.js
@@ -1,13 +1,13 @@
import React from "react";
const ExportCanvasComponent = () => (
- <button
- className="btn btn-success btn-circle btn-sm"
- title="Export Canvas to PNG Image"
- onClick={() => window["exportCanvasToImage"]()}
- >
- <span className="fa fa-camera"/>
- </button>
+ <button
+ className="btn btn-success btn-circle btn-sm"
+ title="Export Canvas to PNG Image"
+ onClick={() => window["exportCanvasToImage"]()}
+ >
+ <span className="fa fa-camera" />
+ </button>
);
export default ExportCanvasComponent;
diff --git a/src/components/app/map/controls/ScaleIndicatorComponent.js b/src/components/app/map/controls/ScaleIndicatorComponent.js
index fd9483b5..b7b5cc36 100644
--- a/src/components/app/map/controls/ScaleIndicatorComponent.js
+++ b/src/components/app/map/controls/ScaleIndicatorComponent.js
@@ -1,14 +1,14 @@
import React from "react";
-import {TILE_SIZE_IN_METERS, TILE_SIZE_IN_PIXELS} from "../MapConstants";
+import { TILE_SIZE_IN_METERS, TILE_SIZE_IN_PIXELS } from "../MapConstants";
import "./ScaleIndicatorComponent.css";
-const ScaleIndicatorComponent = ({scale}) => (
- <div
- className="scale-indicator"
- style={{width: TILE_SIZE_IN_PIXELS * scale}}
- >
- {TILE_SIZE_IN_METERS}m
- </div>
+const ScaleIndicatorComponent = ({ scale }) => (
+ <div
+ className="scale-indicator"
+ style={{ width: TILE_SIZE_IN_PIXELS * scale }}
+ >
+ {TILE_SIZE_IN_METERS}m
+ </div>
);
export default ScaleIndicatorComponent;
diff --git a/src/components/app/map/controls/ToolPanelComponent.js b/src/components/app/map/controls/ToolPanelComponent.js
index a065358a..605e9887 100644
--- a/src/components/app/map/controls/ToolPanelComponent.js
+++ b/src/components/app/map/controls/ToolPanelComponent.js
@@ -4,10 +4,10 @@ import ExportCanvasComponent from "./ExportCanvasComponent";
import "./ToolPanelComponent.css";
const ToolPanelComponent = () => (
- <div className="tool-panel">
- <ZoomControlContainer/>
- <ExportCanvasComponent/>
- </div>
+ <div className="tool-panel">
+ <ZoomControlContainer />
+ <ExportCanvasComponent />
+ </div>
);
export default ToolPanelComponent;
diff --git a/src/components/app/map/controls/ZoomControlComponent.js b/src/components/app/map/controls/ZoomControlComponent.js
index 8406e8c1..e1b7491e 100644
--- a/src/components/app/map/controls/ZoomControlComponent.js
+++ b/src/components/app/map/controls/ZoomControlComponent.js
@@ -1,24 +1,24 @@
import React from "react";
-const ZoomControlComponent = ({zoomInOnCenter}) => {
- return (
- <span>
- <button
- className="btn btn-default btn-circle btn-sm mr-1"
- title="Zoom in"
- onClick={() => zoomInOnCenter(true)}
- >
- <span className="fa fa-plus"/>
- </button>
- <button
- className="btn btn-default btn-circle btn-sm mr-1"
- title="Zoom out"
- onClick={() => zoomInOnCenter(false)}
- >
- <span className="fa fa-minus"/>
- </button>
- </span>
- );
+const ZoomControlComponent = ({ zoomInOnCenter }) => {
+ return (
+ <span>
+ <button
+ className="btn btn-default btn-circle btn-sm mr-1"
+ title="Zoom in"
+ onClick={() => zoomInOnCenter(true)}
+ >
+ <span className="fa fa-plus" />
+ </button>
+ <button
+ className="btn btn-default btn-circle btn-sm mr-1"
+ title="Zoom out"
+ onClick={() => zoomInOnCenter(false)}
+ >
+ <span className="fa fa-minus" />
+ </button>
+ </span>
+ );
};
export default ZoomControlComponent;