Finished player stats

This commit is contained in:
2025-09-24 00:17:56 +02:00
parent 175cd13870
commit 785185d26a
2 changed files with 13 additions and 6 deletions

View File

@@ -114,7 +114,7 @@ export function PlayerStats(
"tkr": <TkrStats stats={stats.TurboKartRacers} />
} as const
const defaultOrder = Object.keys(statsComponents)
const defaultOrder = Object.keys(statsComponents).sort()
const orderToUse = layout || defaultOrder
const sensors = useSensors(

View File

@@ -1,6 +1,7 @@
import { getTkrKart } from "@/lib/hypixel/classic/general"
import { NonNullStats } from "@/lib/schema/player"
import { cn } from "@/lib/utils"
import { ChevronRight } from "lucide-react"
export default function TkrKart({ stats }: { stats: NonNullable<NonNullStats["TurboKartRacers"]> }) {
const { engine, frame, turbocharger } = getTkrKart(stats.engine_active, stats.frame_active, stats.booster_active)
@@ -17,9 +18,7 @@ export default function TkrKart({ stats }: { stats: NonNullable<NonNullStats["Tu
return (
<div key={i} className="flex justify-between">
<p>{e.name}</p>
<p className="text-mc-green">
{e.level}
</p>
<RightArrows amount={e.level} className="text-mc-green" />
</div>
)
})}
@@ -34,7 +33,7 @@ export default function TkrKart({ stats }: { stats: NonNullable<NonNullStats["Tu
return (
<div key={i} className="flex justify-between">
<p>{e.name}</p>
<p className="text-mc-green">{e.level}</p>
<RightArrows amount={e.level} className="text-mc-green" />
</div>
)
})}
@@ -51,7 +50,7 @@ export default function TkrKart({ stats }: { stats: NonNullable<NonNullStats["Tu
return (
<div key={i} className="flex justify-between">
<p>{e.name}</p>
<p className="text-mc-green">{e.level}</p>
<RightArrows amount={e.level} className="text-mc-green" />
</div>
)
})}
@@ -62,3 +61,11 @@ export default function TkrKart({ stats }: { stats: NonNullable<NonNullStats["Tu
</div>
)
}
function RightArrows({ amount, className }: { amount: number, className?: string }) {
return (
<div className={cn("flex -space-x-4", className)}>
{Array.from({ length: amount }, (_, i) => <ChevronRight key={i} />)}
</div>
)
}