Added metadata

This commit is contained in:
2025-09-02 23:38:39 +02:00
parent 23652bd412
commit 32d34a0ff5
5 changed files with 145 additions and 14 deletions

View File

@@ -6,6 +6,7 @@ import { getUuid } from "@/lib/hypixel/api/mojang"
import { getPlayer } from "@/lib/hypixel/api/player" import { getPlayer } from "@/lib/hypixel/api/player"
import { getExactLevel } from "@/lib/hypixel/general/level" import { getExactLevel } from "@/lib/hypixel/general/level"
import { Loader2Icon } from "lucide-react" import { Loader2Icon } from "lucide-react"
import { Metadata } from "next"
import { Suspense } from "react" import { Suspense } from "react"
import Sidebar from "./_components/Sidebar" import Sidebar from "./_components/Sidebar"
import BedwarsStats from "./_stats/bedwars/bedwars" import BedwarsStats from "./_stats/bedwars/bedwars"
@@ -13,11 +14,13 @@ import DuelsStats from "./_stats/duels/duels"
import MurderMysteryStats from "./_stats/murder-mystery/murder-mystery" import MurderMysteryStats from "./_stats/murder-mystery/murder-mystery"
import SkyWarsStats from "./_stats/skywars/skywars" import SkyWarsStats from "./_stats/skywars/skywars"
export default async function PlayerPage({ export async function generateMetadata({ params }: { params: Promise<{ ign: string }> }): Promise<Metadata> {
params const { ign } = await params
}: { const user = await getUuid(ign)
params: Promise<{ ign: string }> return { title: user !== null ? user.name : "Player not found" }
}) { }
export default async function PlayerPage({ params }: { params: Promise<{ ign: string }> }) {
const { ign } = await params const { ign } = await params
return ( return (
@@ -35,8 +38,8 @@ export default async function PlayerPage({
} }
async function SuspendedPage({ ign: pign }: { ign: string }) { async function SuspendedPage({ ign: pign }: { ign: string }) {
const uuid = await getUuid(pign) const mc = await getUuid(pign)
if (!uuid) { if (!mc) {
return ( return (
<div className="flex flex-col items-center min-h-screen"> <div className="flex flex-col items-center min-h-screen">
<h1 className="mt-25">Player not found</h1> <h1 className="mt-25">Player not found</h1>
@@ -44,7 +47,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
) )
} }
const player = await getPlayer(uuid) const player = await getPlayer(mc.id)
if (!player) { if (!player) {
return ( return (
@@ -54,7 +57,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
) )
} }
const guild = await getGuild(uuid) const guild = await getGuild(mc.id)
const level = getExactLevel(player.networkExp) const level = getExactLevel(player.networkExp)
return ( return (

View File

@@ -1,8 +1,17 @@
import "./globals.css" import "./globals.css"
import ThemeProvider from "@/components/ThemeProvider" import ThemeProvider from "@/components/ThemeProvider"
import { Toaster } from "@/components/ui/sonner" import { Toaster } from "@/components/ui/sonner"
import type { Metadata } from "next"
import { ReactNode } from "react" import { ReactNode } from "react"
export const metadata: Metadata = {
title: {
template: "%s | Stats Hypixel",
default: "Stats Hypixel"
}
}
export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) { export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>

View File

@@ -18,5 +18,6 @@ export async function getUuid(ign: string) {
if (!parsed.success) return null if (!parsed.success) return null
return parsed.data.id return parsed.data
} }

View File

@@ -2,16 +2,16 @@ import { getUuid } from "./api/mojang"
import { getPlayer } from "./api/player" import { getPlayer } from "./api/player"
export async function _validatePlayer(ign: string) { export async function _validatePlayer(ign: string) {
const uuid = await getUuid(ign) const mc = await getUuid(ign)
if (!uuid) { if (!mc) {
return { return {
error: true, error: true,
message: "Player not found" message: "Player not found"
} }
} }
const player = await getPlayer(uuid) const player = await getPlayer(mc.id)
if (!player) { if (!player) {
return { return {

118
ž Normal file
View File

@@ -0,0 +1,118 @@
import DisplayName from "@/components/player/displayname"
import { Accordion } from "@/components/ui/accordion"
import { Card, CardContent } from "@/components/ui/card"
import { getGuild } from "@/lib/hypixel/api/guild"
import { getUuid } from "@/lib/hypixel/api/mojang"
import { getPlayer } from "@/lib/hypixel/api/player"
import { getExactLevel } from "@/lib/hypixel/general/level"
import { Loader2Icon } from "lucide-react"
import { Metadata } from "next"
import { Suspense } from "react"
import Sidebar from "./_components/Sidebar"
import BedwarsStats from "./_stats/bedwars/bedwars"
import DuelsStats from "./_stats/duels/duels"
import MurderMysteryStats from "./_stats/murder-mystery/murder-mystery"
import SkyWarsStats from "./_stats/skywars/skywars"
export async function generateMetadata({ params }: { params: Promise<{ ign: string }> }): Promise<Metadata> {
const { ign } = await params
const user = await getUuid(ign)
return { title: user !== null ? user.name : "Player not found" }
}
export default async function PlayerPage({ params }: { params: Promise<{ ign: string }> }) {
const { ign } = await params
return (
<Suspense
fallback={
<div className="flex flex-col justify-center items-center h-screen">
<Loader2Icon className="animate-spin size-30" />
<p>{`Loading stats for ${ign}`}</p>
</div>
}
>
<SuspendedPage ign={ign} />
</Suspense>
)
}
async function SuspendedPage({ ign: pign }: { ign: string }) {
const mc = await getUuid(pign)
if (!mc) {
return (
<div className="flex flex-col items-center min-h-screen">
<h1 className="mt-25">Player not found</h1>
</div>
)
}
const player = await getPlayer(mc.id)
if (!player) {
return (
<div className="flex flex-col items-center min-h-screen">
<h1 className="mt-25">Player not found</h1>
</div>
)
}
const guild = await getGuild(mc.id)
const level = getExactLevel(player.networkExp)
return (
<div className="flex flex-col items-center">
<DisplayName
ign={player.displayname}
rank={player.newPackageRank}
monthly={player.monthlyPackageRank}
rankColor={player.monthlyRankColor}
plusColor={player.rankPlusColor}
guildTag={guild?.tag}
tagColor={guild?.tagColor}
specialRank={player.rank}
lastLogin={player.lastLogin}
lastLogout={player.lastLogout}
/>
<h1>
{player.uuid}
</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}
rank={player.newPackageRank}
specialRank={player.rank}
eulaCoins={player.eulaCoins}
/>
{player.stats !== undefined ?
(
<div className="pb-4 w-3/4">
<Accordion type="multiple" className="space-y-4">
<BedwarsStats stats={player.stats.Bedwars} />
<SkyWarsStats
stats={player.stats.SkyWars}
achievements_skywars_opal_obsession={player.achievements?.["skywars_opal_obsession"] ?? 0}
/>
<DuelsStats stats={player.stats.Duels} />
<MurderMysteryStats stats={player.stats.MurderMystery} />
</Accordion>
</div>
) :
(
<div className="w-3/4">
<Card>
<CardContent className="flex justify-center">
<h1 className="text-xl font-bold">
No stats avaiable. If they are staff then they most likely have their api off.
</h1>
</CardContent>
</Card>
</div>
)}
</div>
</div>
)
}