mara/servicepoint-tanks
Archived
Watch
0
0
Fork
You've already forked servicepoint-tanks
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip scores, components

Browse source
This commit is contained in:
Vinzenz Schroeter 2024-04-13 23:07:08 +02:00
commit b604c01e22
1 changed files with 250 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

9
tank-frontend/src/ClientScreen.tsx
View file

@ -1,7 +1,6 @@
import useWebSocket from 'react-use-websocket';
import {useEffect, useRef} from 'react';
import './ClientScreen.css';
import {statusTextForReadyState} from './statusTextForReadyState.tsx';
const pixelsPerRow = 352;
const pixelsPerCol = 160;
@ -41,11 +40,10 @@ function drawPixelsToCanvas(pixels: Uint8Array, canvas: HTMLCanvasElement) {
drawContext.putImageData(imageData, 0, 0);
}
export default function ClientScreen({logout}: {logout: () => void}) {
export default function ClientScreen({logout}: { logout: () => void }) {
const canvasRef = useRef<HTMLCanvasElement>(null);
const {
readyState,
lastMessage,
sendMessage,
getWebSocket
@ -67,8 +65,5 @@ export default function ClientScreen({logout}: {logout: () => void}) {
sendMessage('');
}, [lastMessage, canvasRef.current]);
return <>
<span>The screen is currently {statusTextForReadyState[readyState]}</span>
<canvas ref={canvasRef} id="screen" width={pixelsPerRow} height={pixelsPerCol}/>
</>;
return <canvas ref={canvasRef} id="screen" width={pixelsPerRow} height={pixelsPerCol}/>;
}