From 88c1831e8b994615831adf2e2027cfae32f8ac61 Mon Sep 17 00:00:00 2001
From: Heidi <clippii@protonmail.com>
Date: Thu, 18 Jun 2026 00:15:20 +0100
Subject: [PATCH] ai generated solutions to our ai generated problems

---
 frontend/src/App.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 3328ed8..b0e14e1 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -2786,8 +2786,10 @@ function GamePage({ gameId, navigate }) {
         ) : null}
 
         {game ? (
-          <div className="mt-6 grid gap-5 sm:grid-cols-3">
+          <div className="mt-6 grid gap-5 sm:grid-cols-2 xl:grid-cols-5">
             <Stat label="Players" value={formatNumber(game.player_count)} />
+            <Stat label="Ground" value={formatNumber(game.stats?.ground_kills)} />
+            <Stat label="Air" value={formatNumber(game.stats?.air_kills)} />
             <Stat label="Assists" value={formatNumber(game.stats?.assists)} />
             <Stat label="Deaths" value={formatNumber(game.stats?.deaths)} />
           </div>
@@ -2808,7 +2810,7 @@ function GamePage({ gameId, navigate }) {
             return (
               <div className="border-b border-surface" key={participant.team_name}>
                 <button
-                  className="grid w-full gap-4 px-5 py-4 text-left transition hover:bg-surface md:grid-cols-[1fr_repeat(3,auto)] md:items-center"
+                  className="grid w-full gap-4 px-5 py-4 text-left transition hover:bg-surface md:grid-cols-[1fr_repeat(5,auto)] md:items-center"
                   onClick={() => navigate(teamPath(participant.team_name))}
                   type="button"
                 >
@@ -2816,6 +2818,8 @@ function GamePage({ gameId, navigate }) {
                     {participant.team_name}
                   </p>
                   <p className="text-sm">{formatNumber(participant.player_count)} players</p>
+                  <p className="text-sm">{formatNumber(participant.stats?.ground_kills)} ground</p>
+                  <p className="text-sm">{formatNumber(participant.stats?.air_kills)} air</p>
                   <p className="text-sm">{formatNumber(participant.stats?.assists)} assists</p>
                   <p className="text-sm">{formatNumber(participant.stats?.deaths)} deaths</p>
                 </button>
@@ -2823,7 +2827,7 @@ function GamePage({ gameId, navigate }) {
                 <div className="pb-3">
                   {(participant.players || []).map((player) => (
                     <button
-                      className="grid w-full gap-3 px-5 py-2 pl-10 text-left text-sm transition hover:bg-surface md:grid-cols-[1fr_repeat(3,auto)] md:items-center sm:pl-14"
+                      className="grid w-full gap-3 px-5 py-2 pl-10 text-left text-sm transition hover:bg-surface md:grid-cols-[1fr_repeat(5,auto)] md:items-center sm:pl-14"
                       key={player.uid}
                       onClick={() => navigate(`/players/${encodeURIComponent(player.uid)}`)}
                       type="button"
@@ -2832,6 +2836,8 @@ function GamePage({ gameId, navigate }) {
                         <p className="truncate font-semibold text-text">{player.nick || player.uid}</p>
                         <p className="text-xs text-text-soft">{player.uid}</p>
                       </div>
+                      <p>{formatNumber(player.stats?.ground_kills)} ground</p>
+                      <p>{formatNumber(player.stats?.air_kills)} air</p>
                       <p>{formatNumber(player.stats?.assists)} assists</p>
                       <p>{formatNumber(player.stats?.score)} score</p>
                       <p>{formatNumber(player.stats?.deaths)} deaths</p>