diff --git a/svgmap/src/components/map/Map.tsx b/svgmap/src/components/map/Map.tsx index 15dd38e..caef2f2 100644 --- a/svgmap/src/components/map/Map.tsx +++ b/svgmap/src/components/map/Map.tsx @@ -1,10 +1,5 @@ -import { IonContent, ReactComponentOrElement } from '@ionic/react'; -import react, { - ReactComponentElement, - useEffect, - useRef, - useState, -} from 'react'; +import { IonContent } from '@ionic/react'; +import react, { useEffect, useState } from 'react'; import './Map.css'; import MouseHandler from './MouseHandler'; @@ -94,7 +89,6 @@ const Map: react.FC = (props: MapProperties) => { /> ); } else { - // tileRow.push(); tileRow.push(tiledLayer[row][col]); } } @@ -102,7 +96,7 @@ const Map: react.FC = (props: MapProperties) => { } setTiledLayer(newTiledLayer); - }, [shift, zoom, nbTiles]); + }, [shift, zoom, nbTiles, props.height, props.width]); // console.log(`tiledLayer: ${JSON.stringify(tiledLayer)}`); diff --git a/svgmap/src/components/map/SlippyBoard.tsx b/svgmap/src/components/map/SlippyBoard.tsx index ad59e1f..cd5f247 100644 --- a/svgmap/src/components/map/SlippyBoard.tsx +++ b/svgmap/src/components/map/SlippyBoard.tsx @@ -1,4 +1,4 @@ -import react, { Fragment, ReactElement, ReactSVGElement } from 'react'; +import react, { ReactElement } from 'react'; interface SlippyBoardProperties { boardSize: number; diff --git a/svgmap/src/components/map/Tile.tsx b/svgmap/src/components/map/Tile.tsx index 06bf1a7..27f6a98 100644 --- a/svgmap/src/components/map/Tile.tsx +++ b/svgmap/src/components/map/Tile.tsx @@ -1,4 +1,4 @@ -import react, { useEffect, useMemo, useRef, useState } from 'react'; +import react, { useEffect, useRef } from 'react'; interface TileProperties { href?: string; @@ -8,7 +8,7 @@ interface TileProperties { } const Tile: react.FC = (props: TileProperties) => { -// console.log(`Rendering `); + // console.log(`Rendering `); const g = useRef(null); const timeout = (ms: number) => { @@ -37,7 +37,7 @@ const Tile: react.FC = (props: TileProperties) => { ) as unknown as SVGImageElement; svgImage.setAttribute('width', '256'); svgImage.setAttribute('height', '256'); - // @ts-ignore + // @ts-ignore svgImage.setAttribute('href', props.href); // svgImage.setAttribute('x', '0'); // svgImage.setAttribute('y', '0'); @@ -45,7 +45,7 @@ const Tile: react.FC = (props: TileProperties) => { }; loadImage(); } - }, [props.href]); + }, [props.href, props.delay]); // const children = useMemo( // () => (