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

---
 .../src/components/app/map/groups/GridGroup.js     | 65 ++++++++++------------
 1 file changed, 30 insertions(+), 35 deletions(-)

(limited to 'frontend/src/components/app/map/groups/GridGroup.js')

diff --git a/frontend/src/components/app/map/groups/GridGroup.js b/frontend/src/components/app/map/groups/GridGroup.js
index bbb1eb68..10554834 100644
--- a/frontend/src/components/app/map/groups/GridGroup.js
+++ b/frontend/src/components/app/map/groups/GridGroup.js
@@ -1,41 +1,36 @@
-import React from "react";
-import { Group, Line } from "react-konva";
-import { GRID_COLOR } from "../../../../util/colors";
-import {
-  GRID_LINE_WIDTH_IN_PIXELS,
-  MAP_SIZE,
-  MAP_SIZE_IN_PIXELS,
-  TILE_SIZE_IN_PIXELS
-} from "../MapConstants";
+import React from 'react'
+import { Group, Line } from 'react-konva'
+import { GRID_COLOR } from '../../../../util/colors'
+import { GRID_LINE_WIDTH_IN_PIXELS, MAP_SIZE, MAP_SIZE_IN_PIXELS, TILE_SIZE_IN_PIXELS } from '../MapConstants'
 
-const MAP_COORDINATE_ENTRIES = Array.from(new Array(MAP_SIZE), (x, i) => i);
+const MAP_COORDINATE_ENTRIES = Array.from(new Array(MAP_SIZE), (x, i) => i)
 const HORIZONTAL_POINT_PAIRS = MAP_COORDINATE_ENTRIES.map(index => [
-  0,
-  index * TILE_SIZE_IN_PIXELS,
-  MAP_SIZE_IN_PIXELS,
-  index * TILE_SIZE_IN_PIXELS
-]);
+    0,
+    index * TILE_SIZE_IN_PIXELS,
+    MAP_SIZE_IN_PIXELS,
+    index * TILE_SIZE_IN_PIXELS,
+])
 const VERTICAL_POINT_PAIRS = MAP_COORDINATE_ENTRIES.map(index => [
-  index * TILE_SIZE_IN_PIXELS,
-  0,
-  index * TILE_SIZE_IN_PIXELS,
-  MAP_SIZE_IN_PIXELS
-]);
+    index * TILE_SIZE_IN_PIXELS,
+    0,
+    index * TILE_SIZE_IN_PIXELS,
+    MAP_SIZE_IN_PIXELS,
+])
 
 const GridGroup = () => (
-  <Group>
-    {HORIZONTAL_POINT_PAIRS.concat(
-      VERTICAL_POINT_PAIRS
-    ).map((points, index) => (
-      <Line
-        key={index}
-        points={points}
-        stroke={GRID_COLOR}
-        strokeWidth={GRID_LINE_WIDTH_IN_PIXELS}
-        listening={false}
-      />
-    ))}
-  </Group>
-);
+    <Group>
+        {HORIZONTAL_POINT_PAIRS.concat(
+            VERTICAL_POINT_PAIRS,
+        ).map((points, index) => (
+            <Line
+                key={index}
+                points={points}
+                stroke={GRID_COLOR}
+                strokeWidth={GRID_LINE_WIDTH_IN_PIXELS}
+                listening={false}
+            />
+        ))}
+    </Group>
+)
 
-export default GridGroup;
+export default GridGroup
-- 
cgit v1.2.3