Still refactoring

This commit is contained in:
Eric van der Vlist 2022-10-13 14:57:18 +02:00
parent dfc4531bfa
commit 8f347fadac
2 changed files with 2 additions and 28 deletions

View File

@ -3,7 +3,7 @@ import react, { useState } from 'react';
import './Map.css'; import './Map.css';
import MouseHandler from './MouseHandler'; import MouseHandler from './MouseHandler';
import Viewport from './Viewport'; import ResizeableBoard from './ResizeableBoard';
interface MapProperties { interface MapProperties {
height: number; height: number;
@ -41,7 +41,7 @@ const Map: react.FC<MapProperties> = (props: MapProperties) => {
addZoom={addZoom} addZoom={addZoom}
boardSize={boardSize} boardSize={boardSize}
/> />
<Viewport boardSize={boardSize} shift={shift} zoom={zoom} /> <ResizeableBoard boardSize={boardSize} shift={shift} zoom={zoom} />
</div> </div>
</IonContent> </IonContent>
); );

View File

@ -1,26 +0,0 @@
import react from 'react';
import TiledLayer from './TiledLayer';
interface ViewportProperties {
boardSize: number;
shift: { x: number; y: number };
zoom: number;
}
const Viewport: react.FC<ViewportProperties> = (props: ViewportProperties) => {
return (
<svg height={props.boardSize} width={props.boardSize}>
<defs>
<TiledLayer id='tl16' zoomLevel={16} />
</defs>
<g
transform={`translate(${props.shift.x}, ${props.shift.y}) scale(${props.zoom})`}
>
<circle cx='50' cy='50' r='50' />
<use x={0} y={0} href='#tl16' />
</g>
</svg>
);
};
export default Viewport;