From c2a22471b6aa0b35b098f5fc8c2af8e6bcae913d Mon Sep 17 00:00:00 2001
From: Taken <taken@mairimashita.org>
Date: Mon, 1 Sep 2025 21:55:00 +0200
Subject: [PATCH] Added table

---
 .../player/[ign]/_stats/duels/duels.tsx       |  2 +
 .../player/[ign]/_stats/duels/table.tsx       | 38 +++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 src/app/(stats)/player/[ign]/_stats/duels/table.tsx

diff --git a/src/app/(stats)/player/[ign]/_stats/duels/duels.tsx b/src/app/(stats)/player/[ign]/_stats/duels/duels.tsx
index b2769e8..aa78873 100644
--- a/src/app/(stats)/player/[ign]/_stats/duels/duels.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/duels/duels.tsx
@@ -7,6 +7,7 @@ import { romanize } from "@/lib/hypixel/general"
 import { NonNullStats } from "@/lib/schema/player"
 import CollapsedStats from "../../_components/CollapsedStats"
 import DuelsGeneralStats from "./stats"
+import DuelsStatsTable from "./table"
 
 export default function DuelsStats({ stats }: { stats: NonNullStats["Duels"] }) {
     if (!stats) return null
@@ -70,6 +71,7 @@ export default function DuelsStats({ stats }: { stats: NonNullStats["Duels"] })
                         <Separator className="my-4" />
                         <DuelsGeneralStats statsChecked={stats} div={div} kd={kd} wl={wl} />
                         <Separator className="my-4" />
+                        <DuelsStatsTable stats={stats} />
                     </AccordionContent>
                 </CardContent>
             </Card>
diff --git a/src/app/(stats)/player/[ign]/_stats/duels/table.tsx b/src/app/(stats)/player/[ign]/_stats/duels/table.tsx
new file mode 100644
index 0000000..bd003ee
--- /dev/null
+++ b/src/app/(stats)/player/[ign]/_stats/duels/table.tsx
@@ -0,0 +1,38 @@
+import { Table, TableHead, TableHeader, TableRow } from "@/components/ui/table"
+import { NonNullStats } from "@/lib/schema/player"
+
+export default function DuelsStatTable({ stats }: { stats: NonNullStats["Duels"] }) {
+    return (
+        <Table>
+            <DuelsTableHeader />
+        </Table>
+    )
+}
+
+function DuelsTableHeader() {
+    const headerElements = [
+        "Mode",
+        "Div",
+        "Kills",
+        "Deaths",
+        "KD",
+        "Wins",
+        "Losses",
+        "WL",
+        "WS",
+        "Top WS",
+        "Melee HM",
+        "Arrow HM",
+        "Goals"
+    ]
+
+    return (
+        <TableHeader>
+            <TableRow>
+                {headerElements.map((v, i) => {
+                    return <TableHead key={i} className="font-bold">{v}</TableHead>
+                })}
+            </TableRow>
+        </TableHeader>
+    )
+}