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

add power ups collected score

Browse source
This commit is contained in:
Vinzenz Schroeter 2024-04-29 13:54:29 +02:00
parent bf22fd6c85
commit 259d63d683
8 changed files with 45 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -74,6 +74,7 @@ export default function PlayerInfo({player}: { player: string }) {
<ScoreRow name="walls destroyed" value={lastJsonMessage.scores.wallsDestroyed}/>
<ScoreRow name="bullets fired" value={lastJsonMessage.scores.shotsFired}/>
<ScoreRow name="power ups collected" value={lastJsonMessage.scores.powerUpsCollected}/>
<ScoreRow name="score" value={lastJsonMessage.scores.overallScore}/>
</tbody>

7
tank-frontend/src/Scoreboard.tsx
View file

@ -9,7 +9,7 @@ function numberSorter(a: number, b: number) {
export default function Scoreboard({}: {}) {
const query = useQuery({
queryKey: ['scores'],
refetchInterval: 1000,
refetchInterval: 5000,
queryFn: async () => {
const url = makeApiUrl('/scores');
const response = await fetch(url, {method: 'GET'});
@ -53,6 +53,11 @@ export default function Scoreboard({}: {}) {
visualize: p => p.scores.shotsFired.toString(),
sorter: (a, b) => numberSorter(a.scores.shotsFired, b.scores.shotsFired)
},
{
field: 'powerUps',
visualize: p => p.scores.powerUpsCollected.toString(),
sorter: (a, b) => numberSorter(a.scores.powerUpsCollected, b.scores.powerUpsCollected)
},
{
field: 'score',
visualize: p => p.scores.overallScore.toString(),

1
tank-frontend/src/serverCalls.tsx
View file

@ -8,6 +8,7 @@ export type Scores = {
readonly wallsDestroyed: number;
readonly shotsFired: number;
readonly overallScore: number;
readonly powerUpsCollected: number;
};
export type Player = {