Added a general stats component

This commit is contained in:
2025-09-10 19:36:14 +02:00
parent 425bdda9c4
commit cdb500bac2
12 changed files with 369 additions and 468 deletions

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 { getCopsAndCrimsScoreColor } from "@/lib/hypixel/copsandcrims/general"
import { devide } from "@/lib/hypixel/general"
import { NonNullStats } from "@/lib/schema/player"
import CollapsedStats from "../../_components/CollapsedStats"
import GeneralStats from "../GeneralStats"
import CopsAndCrimsGeneralStats from "./stats"
import CopsAndCrimsStatTable from "./table"
import CopsAndCrimsWeaponStats from "./weapons"
@@ -22,45 +20,35 @@ export default function CopsAndCrimsStats({ stats }: { stats: NonNullStats["Cops
const scoreColor = getCopsAndCrimsScoreColor(score)
return (
<AccordionItem value="cops-and-crims">
<Card className="py-0">
<CardContent>
<AccordionTrigger className="items-center py-2 hover:no-underline hover:cursor-pointer">
<h1 className="text-xl font-bold">Cops And Crims</h1>
<div className="flex gap-4">
<CollapsedStats
stats={[
{
title: <p>Score</p>,
stat: <p className={`text-mc-${scoreColor}`}>{formatNumber(score)}</p>
},
{
title: <p>Kills</p>,
stat: <p className="text-muted-foreground">{formatNumber(kills)}</p>
},
{
title: <p>KD</p>,
stat: <p className="text-muted-foreground">{kd}</p>
},
{
title: <p>Wins</p>,
stat: <p className="text-muted-foreground">{formatNumber(wins)}</p>
}
]}
/>
</div>
</AccordionTrigger>
<AccordionContent>
<Separator className="my-4" />
<CopsAndCrimsGeneralStats stats={stats} wins={wins} kills={kills} assits={assists} deaths={deaths} />
<Separator className="my-4" />
<CopsAndCrimsStatTable stats={stats} />
<Separator className="my-4" />
<CopsAndCrimsWeaponStats stats={stats} />
<Separator className="my-4" />
</AccordionContent>
</CardContent>
</Card>
</AccordionItem>
<GeneralStats
id="cops-and-crims"
title="Cops And Crims"
collapsedStats={[
{
title: <p>Score</p>,
stat: <p className={`text-mc-${scoreColor}`}>{formatNumber(score)}</p>
},
{
title: <p>Kills</p>,
stat: <p className="text-muted-foreground">{formatNumber(kills)}</p>
},
{
title: <p>KD</p>,
stat: <p className="text-muted-foreground">{kd}</p>
},
{
title: <p>Wins</p>,
stat: <p className="text-muted-foreground">{formatNumber(wins)}</p>
}
]}
>
<Separator className="my-4" />
<CopsAndCrimsGeneralStats stats={stats} wins={wins} kills={kills} assits={assists} deaths={deaths} />
<Separator className="my-4" />
<CopsAndCrimsStatTable stats={stats} />
<Separator className="my-4" />
<CopsAndCrimsWeaponStats stats={stats} />
<Separator className="my-4" />
</GeneralStats>
)
}