From de8f12d74faef5fa3f9e38d1340948cab2d06ea3 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Wed, 1 Jul 2020 13:33:31 +0200
Subject: Manually generate IDs

---
 .../app/map/controls/ExportCanvasComponent.js      | 20 ++++++++--------
 .../app/map/controls/ScaleIndicatorComponent.js    | 22 ++++++++---------
 .../app/map/controls/ScaleIndicatorComponent.sass  | 14 +++++------
 .../app/map/controls/ToolPanelComponent.js         | 20 ++++++++--------
 .../app/map/controls/ToolPanelComponent.sass       |  8 +++----
 .../app/map/controls/ZoomControlComponent.js       | 28 +++++++++++-----------
 6 files changed, 56 insertions(+), 56 deletions(-)

(limited to 'frontend/src/components/app/map/controls')

diff --git a/frontend/src/components/app/map/controls/ExportCanvasComponent.js b/frontend/src/components/app/map/controls/ExportCanvasComponent.js
index ee934f21..d166bcc8 100644
--- a/frontend/src/components/app/map/controls/ExportCanvasComponent.js
+++ b/frontend/src/components/app/map/controls/ExportCanvasComponent.js
@@ -1,13 +1,13 @@
-import React from "react";
+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;
+export default ExportCanvasComponent
diff --git a/frontend/src/components/app/map/controls/ScaleIndicatorComponent.js b/frontend/src/components/app/map/controls/ScaleIndicatorComponent.js
index b7b5cc36..daaf8ec6 100644
--- a/frontend/src/components/app/map/controls/ScaleIndicatorComponent.js
+++ b/frontend/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 "./ScaleIndicatorComponent.css";
+import React from 'react'
+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>
-);
+    <div
+        className="scale-indicator"
+        style={{ width: TILE_SIZE_IN_PIXELS * scale }}
+    >
+        {TILE_SIZE_IN_METERS}m
+    </div>
+)
 
-export default ScaleIndicatorComponent;
+export default ScaleIndicatorComponent
diff --git a/frontend/src/components/app/map/controls/ScaleIndicatorComponent.sass b/frontend/src/components/app/map/controls/ScaleIndicatorComponent.sass
index f2d2b55b..03a72c99 100644
--- a/frontend/src/components/app/map/controls/ScaleIndicatorComponent.sass
+++ b/frontend/src/components/app/map/controls/ScaleIndicatorComponent.sass
@@ -1,9 +1,9 @@
 .scale-indicator
-  position: absolute
-  right: 10px
-  bottom: 10px
-  z-index: 50
+    position: absolute
+    right: 10px
+    bottom: 10px
+    z-index: 50
 
-  border: solid 2px #212529
-  border-top: none
-  border-left: none
+    border: solid 2px #212529
+    border-top: none
+    border-left: none
diff --git a/frontend/src/components/app/map/controls/ToolPanelComponent.js b/frontend/src/components/app/map/controls/ToolPanelComponent.js
index 605e9887..e3bb1dbb 100644
--- a/frontend/src/components/app/map/controls/ToolPanelComponent.js
+++ b/frontend/src/components/app/map/controls/ToolPanelComponent.js
@@ -1,13 +1,13 @@
-import React from "react";
-import ZoomControlContainer from "../../../../containers/app/map/controls/ZoomControlContainer";
-import ExportCanvasComponent from "./ExportCanvasComponent";
-import "./ToolPanelComponent.css";
+import React from 'react'
+import ZoomControlContainer from '../../../../containers/app/map/controls/ZoomControlContainer'
+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;
+export default ToolPanelComponent
diff --git a/frontend/src/components/app/map/controls/ToolPanelComponent.sass b/frontend/src/components/app/map/controls/ToolPanelComponent.sass
index 996712b3..8b27d24a 100644
--- a/frontend/src/components/app/map/controls/ToolPanelComponent.sass
+++ b/frontend/src/components/app/map/controls/ToolPanelComponent.sass
@@ -1,5 +1,5 @@
 .tool-panel
-  position: absolute
-  left: 10px
-  bottom: 10px
-  z-index: 50
+    position: absolute
+    left: 10px
+    bottom: 10px
+    z-index: 50
diff --git a/frontend/src/components/app/map/controls/ZoomControlComponent.js b/frontend/src/components/app/map/controls/ZoomControlComponent.js
index e1b7491e..bd6527a6 100644
--- a/frontend/src/components/app/map/controls/ZoomControlComponent.js
+++ b/frontend/src/components/app/map/controls/ZoomControlComponent.js
@@ -1,24 +1,24 @@
-import React from "react";
+import React from 'react'
 
 const ZoomControlComponent = ({ zoomInOnCenter }) => {
-  return (
-    <span>
+    return (
+        <span>
       <button
-        className="btn btn-default btn-circle btn-sm mr-1"
-        title="Zoom in"
-        onClick={() => zoomInOnCenter(true)}
+          className="btn btn-default btn-circle btn-sm mr-1"
+          title="Zoom in"
+          onClick={() => zoomInOnCenter(true)}
       >
-        <span className="fa fa-plus" />
+        <span className="fa fa-plus"/>
       </button>
       <button
-        className="btn btn-default btn-circle btn-sm mr-1"
-        title="Zoom out"
-        onClick={() => zoomInOnCenter(false)}
+          className="btn btn-default btn-circle btn-sm mr-1"
+          title="Zoom out"
+          onClick={() => zoomInOnCenter(false)}
       >
-        <span className="fa fa-minus" />
+        <span className="fa fa-minus"/>
       </button>
     </span>
-  );
-};
+    )
+}
 
-export default ZoomControlComponent;
+export default ZoomControlComponent
-- 
cgit v1.2.3