Added card for cops and crims

src/app/(stats)/player/[ign]/_stats/copsandcrims/copsandcrims.tsx

@@ -0,0 +1,56 @@
+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 { getScoreColor } from "@/lib/hypixel/copsandcrims/general"
+import { devide } from "@/lib/hypixel/general"
+import { NonNullStats } from "@/lib/schema/player"
+import CollapsedStats from "../../_components/CollapsedStats"
+
+export default function CopsAndCrimsStats({ stats }: { stats: NonNullStats["CopsAndCrims"] }) {
+    if (!stats) return null
+
+    const kills = stats.kills + stats.kills_deathmatch + stats.kills_gungame
+    const deaths = stats.deaths + stats.deaths_deathmatch + stats.deaths_gungame
+    const wins = stats.game_wins + stats.game_wins_deathmatch + stats.game_wins_gungame
+    const kd = formatNumber(devide(kills, deaths))
+    const score = Math.floor(kills / 2 + (stats.bombs_planted + stats.bombs_defused) / 3 + wins + devide(kills, stats.shots_fired) * 200)
+    const scoreColor = getScoreColor(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={`font-bold 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" />
+                    </AccordionContent>
+                </CardContent>
+            </Card>
+        </AccordionItem>
+    )
+}

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

@@ -12,6 +12,7 @@ import { Suspense } from "react"
 import Sidebar from "./_components/Sidebar"
 import BedwarsStats from "./_stats/bedwars/bedwars"
 import BuildBattleStats from "./_stats/build-battle/build-battle"
+import CopsAndCrimsStats from "./_stats/copsandcrims/copsandcrims"
 import DuelsStats from "./_stats/duels/duels"
 import MegaWallsStats from "./_stats/megawalls/megawalls"
 import MurderMysteryStats from "./_stats/murder-mystery/murder-mystery"
@@ -122,6 +123,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
                                 <PitStats stats={player.stats.Pit} />
                                 <TNTGamesStats stats={player.stats.TNTGames} />
                                 <MegaWallsStats stats={player.stats.MegaWalls} />
+                                <CopsAndCrimsStats stats={player.stats.CopsAndCrims} />
                             </Accordion>
                         </div>
                     ) :