projects/hypixel-stats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling

Browse Source
This commit is contained in:
Taken
2025-08-23 20:36:48 +02:00
parent bff6b15479
commit 96df2a6c45
4 changed files with 34 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/(stats)/player/[ign]/_stats/bedwars/bedwars-table.tsx
View File

@@ -1,8 +1,9 @@
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { formatNumber } from "@/lib/formatters"
import { concatStatArrays } from "@/lib/funcs"
import { _BedwarsStats, getBedwarsModeStats } from "@/lib/hypixel/bedwars"
import { _BedwarsStats, getBedwarsModeStats, getBestMode } from "@/lib/hypixel/bedwars"
import { Player } from "@/lib/schema/player"
import { cn } from "@/lib/utils"
export default function BedwarsStatTable({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
return (
@@ -70,10 +71,10 @@ function BedwarsTableHeader() {
function SoloStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("solo", stats as _BedwarsStats)
const isBest = getBestMode(stats as _BedwarsStats) === "solo"
return (
<TableRow>
<TableRow className={cn(isBest ? "font-bold text-mc-light-purple" : undefined)}>
<TableCell>Solo</TableCell>
{modeStats.map((v, i) => {
return <TableCell key={i}>{typeof v === "number" ? formatNumber(v) : v}</TableCell>
@@ -84,10 +85,10 @@ function SoloStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
function DoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("doubles", stats as _BedwarsStats)
const isBest = getBestMode(stats as _BedwarsStats) === "doubles"
return (
<TableRow>
<TableRow className={cn(isBest ? "font-bold text-mc-light-purple" : undefined)}>
<TableCell>Doubles</TableCell>
{modeStats.map((v, i) => {
return <TableCell key={i}>{typeof v === "number" ? formatNumber(v) : v}</TableCell>
@@ -98,10 +99,10 @@ function DoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }
function ThreesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("3s", stats as _BedwarsStats)
const isBest = getBestMode(stats as _BedwarsStats) === "3s"
return (
<TableRow>
<TableRow className={cn(isBest ? "font-bold text-mc-light-purple" : undefined)}>
<TableCell>3v3v3v3</TableCell>
{modeStats.map((v, i) => {
return <TableCell key={i}>{typeof v === "number" ? formatNumber(v) : v}</TableCell>
@@ -112,10 +113,10 @@ function ThreesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] })
function FoursStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("4s", stats as _BedwarsStats)
const isBest = getBestMode(stats as _BedwarsStats) === "4s"
return (
<TableRow>
<TableRow className={cn(isBest ? "font-bold text-mc-light-purple" : undefined)}>
<TableCell>4v4v4v4</TableCell>
{modeStats.map((v, i) => {
return <TableCell key={i}>{typeof v === "number" ? formatNumber(v) : v}</TableCell>
@@ -145,7 +146,6 @@ function CoreModeStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"]
function FourVFourStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("4v4", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>4v4</TableCell>
@@ -159,7 +159,6 @@ function FourVFourStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"]
function RushDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("rush_2s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Rush Doubles</TableCell>
@@ -173,7 +172,6 @@ function RushDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars
function Rush4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("rush_4s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Rush 4v4v4v4</TableCell>
@@ -187,7 +185,6 @@ function Rush4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] })
function UltimateDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("ultimate_2s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Ultimate Doubles</TableCell>
@@ -201,7 +198,6 @@ function UltimateDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bed
function Ultimate4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("ultimate_4s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Ultimate 4v4v4v4</TableCell>
@@ -215,7 +211,6 @@ function Ultimate4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"
function LuckyDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("lucky_2s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Lucky Doubles</TableCell>
@@ -229,7 +224,6 @@ function LuckyDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwar
function Lucky4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("lucky_4s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Lucky 4v4v4v4</TableCell>
@@ -243,7 +237,6 @@ function Lucky4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }
function VoidlessDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("voidless_2s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Voidless Doubles</TableCell>
@@ -257,7 +250,6 @@ function VoidlessDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bed
function Voidless4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("voidless_4s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Voidless 4v4v4v4</TableCell>
@@ -271,7 +263,6 @@ function Voidless4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"
function ArmedDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("armed_2s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Armed Doubles</TableCell>
@@ -285,7 +276,6 @@ function ArmedDoublesStats({ stats }: { stats: Player["player"]["stats"]["Bedwar
function Armed4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("armed_4s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Armed 4v4v4v4</TableCell>
@@ -299,7 +289,6 @@ function Armed4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }
function Swap4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("swap_4s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Swap 4v4v4v4</TableCell>
@@ -313,7 +302,6 @@ function Swap4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] })
function Underworld4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("underworld_4s", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Underworld 4v4v4v4</TableCell>
@@ -327,7 +315,6 @@ function Underworld4sStats({ stats }: { stats: Player["player"]["stats"]["Bedwar
function CastleStats({ stats }: { stats: Player["player"]["stats"]["Bedwars"] }) {
const modeStats = getBedwarsModeStats("castle", stats as _BedwarsStats)
return (
<TableRow>
<TableCell>Castle</TableCell>

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

@@ -72,7 +72,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
</h1>
<div className="flex gap-6 px-6 mt-8 w-full max-w-7xl">
<Sidebar level={level} ign={pign} player={player} guild={guild ?? undefined} />
<div className="space-y-4 w-3/4">
<div className="pb-4 space-y-4 w-3/4">
<BedwarsStats stats={player.stats.Bedwars} />
<SkyWarsStats stats={player.stats.SkyWars} />
</div>