Cleanup

src/components/map/Handlers.tsx

@@ -1,10 +1,9 @@
 import react, { useRef } from 'react';
-import { useAtom } from 'jotai';
 
 import { Point } from './types';
 import './Handler.css';
 import { handlersConfig } from './config';
-import { relativeCoordinateSystemAtom, Transformation } from './LiveMap';
+import { Transformation } from './LiveMap';
 
 /**
  *

src/components/map/LayerStack.test.tsx

@@ -27,16 +27,16 @@ describe('The LayerStack component', () => {
     transform="translate(0, 0) scale(1)"
   >
     <g
-      transform="scale(64) translate(-194.25, -83.25)"
+      transform="scale(1024) translate(-194.25, -83.25)"
     />
     <g
-      transform="scale(128) translate(-388.5, -166.5)"
+      transform="scale(512) translate(-388.5, -166.5)"
     />
     <g
-      transform="scale(1024) translate(-3108, -1332)"
+      transform="scale(64) translate(-3108, -1332)"
     />
     <g
-      transform="scale(512) translate(-1554, -666)"
+      transform="scale(128) translate(-1554, -666)"
     />
     <g
       transform="scale(256) translate(-777, -333)"
@@ -175,10 +175,10 @@ describe('The LayerStack component', () => {
     transform="translate(0, 0) scale(1)"
   >
     <g
-      transform="scale(128) translate(-388.5, -166.5)"
+      transform="scale(512) translate(-388.5, -166.5)"
     />
     <g
-      transform="scale(512) translate(-1554, -666)"
+      transform="scale(128) translate(-1554, -666)"
     />
     <g
       transform="scale(256) translate(-777, -333)"

src/components/map/Map.tsx

@@ -1,5 +1,4 @@
 import react from 'react';
-import { atom } from 'jotai';
 
 import { Point, MapScope } from './types';
 import LayerStack from './LayerStack';
@@ -17,11 +16,6 @@ export interface MapProperties {
  *
  */
 export const Map: react.FC<MapProperties> = (props: MapProperties) => {
-  const centerPX = {
-    x: window.innerWidth / 2,
-    y: window.innerHeight / 2,
-  };
-
   const tileProvider = tileProviders[props.scope.tileProvider];
 
   const tilesZoom = Math.min(

src/components/map/TiledLayer.tsx

@@ -1,4 +1,3 @@
-import { useAtom } from 'jotai';
 import react from 'react';
 import TileSet from './TileSet';
 import { Point, TileKeyObject } from './types';

src/components/map/tile-providers.tsx

@@ -1,5 +1,4 @@
-import Tile from './Tile';
-import { TileFactory, TileKeyObject } from './types';
+import { TileKeyObject } from './types';
 
 export interface TileProvider {
   name: string;