Added metadata
This commit is contained in:
@@ -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 (
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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
118
ž
Normal 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>
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user