Added first duel stats
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
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 CollapsedStats from "../../_components/CollapsedStats"
|
||||
import BuildBattleGeneralStats from "./stats"
|
||||
|
||||
export default function BuildBattleStats({ stats }: { stats: NonNullStats["BuildBattle"] }) {
|
||||
if (!stats) return null
|
||||
|
||||
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={`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" />
|
||||
<BuildBattleGeneralStats stats={stats} />
|
||||
<Separator className="my-4" />
|
||||
</AccordionContent>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</AccordionItem>
|
||||
)
|
||||
}
|
||||
21
src/app/(stats)/player/[ign]/_stats/build-battle/stats.tsx
Normal file
21
src/app/(stats)/player/[ign]/_stats/build-battle/stats.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
import { formatNumber } from "@/lib/formatters"
|
||||
import { getBuildBattleRank } from "@/lib/hypixel/build-battle/general"
|
||||
import { NonNullStats } from "@/lib/schema/player"
|
||||
import { BasicStat } from "../../_components/Stats"
|
||||
|
||||
export default function BuildBattleGeneralStats({ stats }: { stats: NonNullable<NonNullStats["BuildBattle"]> }) {
|
||||
const rank = getBuildBattleRank(stats.score)
|
||||
return (
|
||||
<div className="flex mb-10">
|
||||
<div className="flex-1">
|
||||
<BasicStat title="Score: " value={formatNumber(stats.score)} />
|
||||
<BasicStat title="Title: " value={rank.name} className={`font-bold text-mc-${rank.color}`} />
|
||||
<BasicStat title="Tokens: " value={formatNumber(stats.coins)} className="text-mc-dark-green" />
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -10,6 +10,7 @@ import { Metadata } from "next"
|
||||
import { Suspense } from "react"
|
||||
import Sidebar from "./_components/Sidebar"
|
||||
import BedwarsStats from "./_stats/bedwars/bedwars"
|
||||
import BuildBattleStats from "./_stats/build-battle/build-battle"
|
||||
import DuelsStats from "./_stats/duels/duels"
|
||||
import MurderMysteryStats from "./_stats/murder-mystery/murder-mystery"
|
||||
import SkyWarsStats from "./_stats/skywars/skywars"
|
||||
@@ -98,6 +99,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
|
||||
/>
|
||||
<DuelsStats stats={player.stats.Duels} />
|
||||
<MurderMysteryStats stats={player.stats.MurderMystery} />
|
||||
<BuildBattleStats stats={player.stats.BuildBattle} />
|
||||
</Accordion>
|
||||
</div>
|
||||
) :
|
||||
|
||||
Reference in New Issue
Block a user