Added turbo kart racers stat card

src/app/(stats)/player/[ign]/_client.tsx

@@ -20,6 +20,7 @@ import BuildBattleStats from "./_stats/build-battle/build-battle"
 import ArenaBrawlStats from "./_stats/classic/arenabrawl"
 import PaintballStats from "./_stats/classic/paintball"
 import QuakecraftStats from "./_stats/classic/quakecraft"
+import TkrStats from "./_stats/classic/tkr"
 import VampireZStats from "./_stats/classic/vampirez"
 import WallsStats from "./_stats/classic/walls"
 import CopsAndCrimsStats from "./_stats/copsandcrims/copsandcrims"
@@ -109,7 +110,8 @@ export function PlayerStats(
         "paintball": <PaintballStats stats={stats.Paintball} />,
         "walls": <WallsStats stats={stats.Walls} />,
         "vampirez": <VampireZStats stats={stats.VampireZ} />,
-        "quakecraft": <QuakecraftStats stats={stats.Quakecraft} godlikes={achievements?.["quake_godlikes"] ?? 0} />
+        "quakecraft": <QuakecraftStats stats={stats.Quakecraft} godlikes={achievements?.["quake_godlikes"] ?? 0} />,
+        "tkr": <TkrStats stats={stats.TurboKartRacers} />
     } as const
 
     const defaultOrder = Object.keys(statsComponents)

src/app/(stats)/player/[ign]/_stats/classic/tkr.tsx

@@ -0,0 +1,32 @@
+import { Separator } from "@/components/ui/separator"
+import { formatNumber } from "@/lib/formatters"
+import { NonNullStats } from "@/lib/schema/player"
+import { title } from "process"
+import { EmptyStats, GeneralStats } from "../stats-components"
+
+export default function TkrStats({ stats }: { stats: NonNullStats["TurboKartRacers"] }) {
+    if (!stats) return <EmptyStats title="Turbo Kart Racers" />
+
+    return (
+        <GeneralStats
+            id="tkr"
+            title="Turbo Kart Racers"
+            collapsedStats={[
+                {
+                    title: <p>Gold</p>,
+                    stat: <p className="text-mc-gold">{`${formatNumber(stats.gold_trophy)}🏆\uFE0E`}</p>
+                },
+                {
+                    title: <p>Silver</p>,
+                    stat: <p className="text-mc-white">{`${formatNumber(stats.silver_trophy)}🏆\uFE0E`}</p>
+                },
+                {
+                    title: <p>Bronze</p>,
+                    stat: <p className="text-mc-brown">{`${formatNumber(stats.bronze_trophy)}🏆\uFE0E`}</p>
+                }
+            ]}
+        >
+            <Separator className="my-4" />
+        </GeneralStats>
+    )
+}

src/app/globals.css

@@ -21,6 +21,7 @@
     --color-mc-light-purple: #FF55FF;
     --color-mc-yellow: #FFFF55;
     --color-mc-white: #FFFFFF;
+    --color-mc-brown: #963;
     --spacing-header: 3.75rem;
     --spacing-content: calc(100vh - var(--spacing-header));
 }