Style changes

This commit is contained in:
2025-09-08 15:06:07 +02:00
parent eb58dde03f
commit 0183ea1b16
5 changed files with 25 additions and 18 deletions

View File

@@ -28,7 +28,7 @@ export default function CopsAndCrimsStats({ stats }: { stats: NonNullStats["Cops
stats={[ stats={[
{ {
title: <p>Score</p>, title: <p>Score</p>,
stat: <p className={`font-bold text-mc-${scoreColor}`}>{formatNumber(score)}</p> stat: <p className={`text-mc-${scoreColor}`}>{formatNumber(score)}</p>
}, },
{ {
title: <p>Kills</p>, title: <p>Kills</p>,

View File

@@ -29,7 +29,7 @@ export default function DuelsStats({ stats }: { stats: NonNullStats["Duels"] })
{ {
title: <p>Division</p>, title: <p>Division</p>,
stat: ( stat: (
<p className="font-bold"> <p>
{div !== null ? {div !== null ?
( (
<span className={`text-mc-${div.color}`}> <span className={`text-mc-${div.color}`}>

View File

@@ -31,7 +31,7 @@ export default function MegaWallsStats({ stats }: { stats: NonNullStats["MegaWal
{ {
title: <p>Main</p>, title: <p>Main</p>,
stat: ( stat: (
<p className={cn("font-bold", mostPlayed && `text-mc-${difficultyColor}`)}> <p className={cn(mostPlayed && `text-mc-${difficultyColor}`)}>
{mostPlayed !== null ? mostPlayed.name : "Unknown"} {mostPlayed !== null ? mostPlayed.name : "Unknown"}
</p> </p>
) )

View File

@@ -0,0 +1,18 @@
import { romanize } from "@/lib/hypixel/general"
import { getLevelColor, getPrestigeColor } from "@/lib/hypixel/pit/general"
import { getPitLevel } from "@/lib/hypixel/pit/level"
export default function PitLevel({ xp, prestige }: { xp: number, prestige: number }) {
const level = getPitLevel(xp, prestige)
const prestigeColor = getPrestigeColor(prestige)
const levelColor = getLevelColor(level)
return (
<p>
<span className={`text-mc-${prestigeColor}`}>[</span>
{prestige > 0 && <span className="text-mc-yellow">{romanize(prestige)}</span>}
{prestige > 0 && <span className={`text-mc-${prestigeColor}`}>-</span>}
<span className={`text-mc-${levelColor}`}>{level}</span>
<span className={`text-mc-${prestigeColor}`}>]</span>
</p>
)
}

View File

@@ -2,11 +2,11 @@ import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/
import { Card, CardContent } from "@/components/ui/card" import { Card, CardContent } from "@/components/ui/card"
import { Separator } from "@/components/ui/separator" import { Separator } from "@/components/ui/separator"
import { formatNumber } from "@/lib/formatters" import { formatNumber } from "@/lib/formatters"
import { devide, romanize } from "@/lib/hypixel/general" import { devide } from "@/lib/hypixel/general"
import { getLevelColor, getPrestige, getPrestigeColor } from "@/lib/hypixel/pit/general" import { getPrestige } from "@/lib/hypixel/pit/general"
import { getPitLevel } from "@/lib/hypixel/pit/level"
import { NonNullStats } from "@/lib/schema/player" import { NonNullStats } from "@/lib/schema/player"
import CollapsedStats from "../../_components/CollapsedStats" import CollapsedStats from "../../_components/CollapsedStats"
import PitLevel from "./level"
import PitProgress from "./progress" import PitProgress from "./progress"
import PitGeneralStats from "./stats" import PitGeneralStats from "./stats"
@@ -15,9 +15,6 @@ export default function PitStats({ stats }: { stats: NonNullStats["Pit"] }) {
const kd = formatNumber(devide(stats.kills, stats.deaths)) const kd = formatNumber(devide(stats.kills, stats.deaths))
const prestige = getPrestige(stats) const prestige = getPrestige(stats)
const level = getPitLevel(stats.profile.xp, prestige)
const prestigeColor = getPrestigeColor(prestige)
const levelColor = getLevelColor(level)
return ( return (
<AccordionItem value="pit"> <AccordionItem value="pit">
@@ -30,15 +27,7 @@ export default function PitStats({ stats }: { stats: NonNullStats["Pit"] }) {
stats={[ stats={[
{ {
title: <p>Level</p>, title: <p>Level</p>,
stat: ( stat: <PitLevel xp={stats.profile.xp} prestige={prestige} />
<p className="font-bold">
<span className={`text-mc-${prestigeColor}`}>[</span>
{prestige > 0 && <span className="text-mc-yellow">{romanize(prestige)}</span>}
{prestige > 0 && <span className={`text-mc-${prestigeColor}`}>-</span>}
<span className={`text-mc-${levelColor}`}>{level}</span>
<span className={`text-mc-${prestigeColor}`}>]</span>
</p>
)
}, },
{ {
title: <p>Kills</p>, title: <p>Kills</p>,