projects/hypixel-stats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added first part of duel stats

Browse Source
This commit is contained in:
Taken
2025-09-01 14:53:52 +02:00
parent 3c0d577aa6
commit 22eb67d5d1
7 changed files with 254 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/app/(stats)/player/[ign]/_stats/duels/duels.tsx Normal file
View File

@@ -0,0 +1,72 @@
import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
import { Card, CardContent } from "@/components/ui/card"
import { formatNumber } from "@/lib/formatters"
import { getDivision, getMostPlayed } from "@/lib/hypixel/duels/duels"
import { romanize } from "@/lib/hypixel/general"
import { NonNullStats } from "@/lib/schema/player"
import CollapsedStats from "../../_components/CollapsedStats"
export default function DuelsStats({ stats }: { stats: NonNullStats["Duels"] }) {
if (!stats) return null
const wl = formatNumber(stats.wins / stats.losses)
const div = getDivision("all_modes", stats)
const mostPlayed = getMostPlayed(stats)
return (
<AccordionItem value="duels">
<Card className="py-0">
<CardContent>
<AccordionTrigger className="items-center hover:no-underline hover:cursor-pointer">
<h1 className="text-xl font-bold">Duels</h1>
<div className="flex gap-4">
<CollapsedStats
stats={[
{
title: <p>Division</p>,
stat: (
<p className="font-bold">
{div !== null ?
(
<span className={`text-mc-${div.color}`}>
{`${div.name} ${romanize(div.level)}`}
</span>
) :
<span className="text-muted-foreground">-</span>}
</p>
)
},
{
title: <p>Wins</p>,
stat: (
<p className="font-bold">
{mostPlayed !== null ?
(
<span>
{mostPlayed.name}
</span>
) :
<span className="text-muted-foreground">-</span>}
</p>
)
},
{
title: <p>Wins</p>,
stat: <p className="text-muted-foreground">{formatNumber(stats.wins)}</p>
},
{
title: <p>WL</p>,
stat: <p className="text-muted-foreground">{wl}</p>
}
]}
/>
</div>
</AccordionTrigger>
<AccordionContent>
</AccordionContent>
</CardContent>
</Card>
</AccordionItem>
)
}

2
src/app/(stats)/player/[ign]/page.tsx
View File

@@ -9,6 +9,7 @@ import { Loader2Icon } from "lucide-react"
import { Suspense } from "react"
import Sidebar from "./_components/Sidebar"
import BedwarsStats from "./_stats/bedwars/bedwars"
import DuelsStats from "./_stats/duels/duels"
import SkyWarsStats from "./_stats/skywars/skywars"
export default async function PlayerPage({
@@ -91,6 +92,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
stats={player.stats.SkyWars}
achievements_skywars_opal_obsession={player.achievements?.["skywars_opal_obsession"] ?? 0}
/>
<DuelsStats stats={player.stats.Duels} />
</Accordion>
</div>
) :