vinzenz/servicepoint-tanks
0
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

show walls destroyed in player info

Browse source
This commit is contained in:
Vinzenz Schroeter 2024-04-19 13:50:06 +02:00
parent a7231903c8
commit e603c154b9
1 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
tank-frontend/src/PlayerInfo.tsx
View file

@ -3,6 +3,16 @@ import {Player} from './serverCalls';
import {Guid} from "./Guid.ts";
import Column from "./components/Column.tsx";
function ScoreRow({name, value}: {
name: string;
value?: any;
}) {
return <tr>
<td>{name}</td>
<td>{value ?? '?'}</td>
</tr>;
}
export default function PlayerInfo({playerId}: { playerId: Guid }) {
const query = useQuery({
queryKey: ['player'],
@ -26,14 +36,9 @@ export default function PlayerInfo({playerId}: { playerId: Guid }) {
{query.isError && <p>{query.error.message}</p>}
{query.isSuccess && <table>
<tbody>
<tr>
<td>kills:</td>
<td>{query.data?.scores?.kills ?? '?'}</td>
</tr>
<tr>
<td>deaths:</td>
<td>{query.data?.scores?.deaths ?? '?'}</td>
</tr>
<ScoreRow name='kills' value={query.data?.scores?.kills}/>
<ScoreRow name='deaths' value={query.data?.scores?.deaths}/>
<ScoreRow name='walls' value={query.data?.scores?.wallsDestroyed}/>
</tbody>
</table>}
</Column>;