Style changes
This commit is contained in:
@@ -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>,
|
||||||
|
|||||||
@@ -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}`}>
|
||||||
|
|||||||
@@ -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>
|
||||||
)
|
)
|
||||||
|
|||||||
18
src/app/(stats)/player/[ign]/_stats/pit/level.tsx
Normal file
18
src/app/(stats)/player/[ign]/_stats/pit/level.tsx
Normal 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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -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>,
|
||||||
|
|||||||
Reference in New Issue
Block a user