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

Added a general stats component

Browse Source
This commit is contained in:
Taken
2025-09-10 19:36:14 +02:00
parent 425bdda9c4
commit cdb500bac2
12 changed files with 369 additions and 468 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/app/(stats)/player/[ign]/_stats/build-battle/build-battle.tsx
View File

@@ -1,11 +1,9 @@
import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
import { Card, CardContent } from "@/components/ui/card"
import { Separator } from "@/components/ui/separator"
import { formatNumber } from "@/lib/formatters"
import { getBuildBattleRank } from "@/lib/hypixel/build-battle/general"
import { NonNullStats } from "@/lib/schema/player"
import { cn } from "@/lib/utils"
import CollapsedStats from "../../_components/CollapsedStats"
import GeneralStats from "../GeneralStats"
import BuildBattleTitleProgress from "./progress"
import BuildBattleGeneralStats from "./stats"
import BuildBattleStatsTable from "./table"
@@ -16,37 +14,27 @@ export default function BuildBattleStats({ stats }: { stats: NonNullStats["Build
const rank = getBuildBattleRank(stats.score)
return (
<AccordionItem value="build-battle">
<Card className="py-0">
<CardContent>
<AccordionTrigger className="items-center py-2 hover:no-underline hover:cursor-pointer">
<h1 className="text-xl font-bold">Build Battle</h1>
<div className="flex gap-4">
<CollapsedStats
stats={[
{
title: <p>Title</p>,
stat: <p className={cn(rank.bold && "font-bold", `text-mc-${rank.color}`)}>{rank.name}</p>
},
{
title: <p>Wins</p>,
stat: <p className="text-muted-foreground">{formatNumber(stats.wins)}</p>
}
]}
/>
</div>
</AccordionTrigger>
<AccordionContent>
<Separator className="my-4" />
<BuildBattleTitleProgress score={stats.score} />
<Separator className="my-4" />
<BuildBattleGeneralStats stats={stats} />
<Separator className="my-4" />
<BuildBattleStatsTable stats={stats} />
<Separator className="my-4" />
</AccordionContent>
</CardContent>
</Card>
</AccordionItem>
<GeneralStats
id="build-battle"
title="Build Battle"
collapsedStats={[
{
title: <p>Title</p>,
stat: <p className={cn(rank.bold && "font-bold", `text-mc-${rank.color}`)}>{rank.name}</p>
},
{
title: <p>Wins</p>,
stat: <p className="text-muted-foreground">{formatNumber(stats.wins)}</p>
}
]}
>
<Separator className="my-4" />
<BuildBattleTitleProgress score={stats.score} />
<Separator className="my-4" />
<BuildBattleGeneralStats stats={stats} />
<Separator className="my-4" />
<BuildBattleStatsTable stats={stats} />
<Separator className="my-4" />
</GeneralStats>
)
}