Finished UHC stats

src/app/(stats)/player/[ign]/_stats/uhc/table.tsx

@@ -0,0 +1,64 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { formatNumber } from "@/lib/formatters"
+import { getUHCModeName, getUHCModeStats } from "@/lib/hypixel/uhc/general"
+import { NonNullStats } from "@/lib/schema/player"
+
+export default function UHCStatTable({ stats }: { stats: NonNullable<NonNullStats["UHC"]> }) {
+    return (
+        <Table>
+            <UHCTableHeader />
+            <TableBody>
+                <TableStat modeId="solo" stats={stats} />
+                <TableStat modeId="teams" stats={stats} />
+                <TableStat modeId="vanilla_doubles" stats={stats} />
+                <TableStat modeId="no_diamonds" stats={stats} />
+                <TableStat modeId="red_vs_blue" stats={stats} />
+                <TableStat modeId="solo_brawl" stats={stats} />
+                <TableStat modeId="duo_brawl" stats={stats} />
+                <TableStat modeId="all_modes" stats={stats} />
+            </TableBody>
+        </Table>
+    )
+}
+
+function UHCTableHeader() {
+    const headerElements = [
+        "Mode",
+        "Kills",
+        "Deaths",
+        "KD",
+        "Wins",
+        "KW",
+        "Heads Eaten"
+    ]
+
+    return (
+        <TableHeader>
+            <TableRow>
+                {headerElements.map((v, i) => {
+                    return <TableHead key={i} className="font-bold">{v}</TableHead>
+                })}
+            </TableRow>
+        </TableHeader>
+    )
+}
+
+function TableStat(
+    { modeId, stats }: { modeId: Exclude<Parameters<typeof getUHCModeStats>[0], ""> | "teams" | "all_modes", stats: NonNullable<NonNullStats["UHC"]> }
+) {
+    const modeStats = getUHCModeStats(modeId === "teams" ? "" : modeId, stats)
+    const modeName = getUHCModeName(modeId === "teams" || modeId === "all_modes" ? "" : modeId)
+
+    return (
+        <TableRow>
+            <TableCell className={modeId === "all_modes" ? "font-bold" : undefined}>{modeId === "all_modes" ? "Overall" : modeName}</TableCell>
+            {modeStats.map((v, i) => {
+                return (
+                    <TableCell key={i}>
+                        {formatNumber(v)}
+                    </TableCell>
+                )
+            })}
+        </TableRow>
+    )
+}

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

@@ -9,6 +9,7 @@ import { NonNullStats } from "@/lib/schema/player"
 import CollapsedStats from "../../_components/CollapsedStats"
 import UHCProgress from "./progress"
 import UHCGeneralStats from "./stats"
+import UHCStatTable from "./table"
 
 export default function UHCStats({ stats }: { stats: NonNullStats["UHC"] }) {
     if (!stats) return null
@@ -47,6 +48,8 @@ export default function UHCStats({ stats }: { stats: NonNullStats["UHC"] }) {
                         <UHCProgress score={stats.score} />
                         <Separator className="my-4" />
                         <UHCGeneralStats stats={stats} kills={combined.kills} deaths={combined.deaths} heads={combined.heads} wins={combined.wins} />
+                        <Separator className="my-4" />
+                        <UHCStatTable stats={stats} />
                     </AccordionContent>
                 </CardContent>
             </Card>