From fbfd8b8bbc0827702033fe81c1ba263fc23655d5 Mon Sep 17 00:00:00 2001
From: Taken <taken@mairimashita.org>
Date: Sun, 7 Sep 2025 22:51:48 +0200
Subject: [PATCH] Updated display name and heads display

---
 .../(stats)/player/[ign]/_stats/skywars/client.tsx   |  3 ++-
 src/app/(stats)/player/[ign]/page.tsx                |  1 +
 src/components/player/displayname.tsx                | 12 +++++++-----
 src/lib/hypixel/general.ts                           |  4 ++++
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/app/(stats)/player/[ign]/_stats/skywars/client.tsx b/src/app/(stats)/player/[ign]/_stats/skywars/client.tsx
index 150c88d..888864d 100644
--- a/src/app/(stats)/player/[ign]/_stats/skywars/client.tsx
+++ b/src/app/(stats)/player/[ign]/_stats/skywars/client.tsx
@@ -1,5 +1,6 @@
 "use client"
 
+import { head } from "@/lib/hypixel/general"
 import { getHeads } from "@/lib/hypixel/skywars/skywars"
 import { cn } from "@/lib/utils"
 import Image from "next/image"
@@ -36,7 +37,7 @@ export function PresigeousHeads({ heads }: { heads: { username: string, timestam
                             data-id="presigeous-heads"
                             data-tooltip-id="presigeous-heads"
                             data-tooltip-content={text}
-                            src={`https://minotar.net/helm/${username}/24.png`}
+                            src={head(username, 24)}
                             width={24}
                             height={24}
                             alt={username}
diff --git a/src/app/(stats)/player/[ign]/page.tsx b/src/app/(stats)/player/[ign]/page.tsx
index e7667e7..daac47c 100644
--- a/src/app/(stats)/player/[ign]/page.tsx
+++ b/src/app/(stats)/player/[ign]/page.tsx
@@ -81,6 +81,7 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
         <div className="flex flex-col items-center pb-5">
             <DisplayName
                 ign={player.displayname}
+                uuid={player.uuid}
                 rank={player.newPackageRank}
                 monthly={player.monthlyPackageRank}
                 rankColor={player.monthlyRankColor}
diff --git a/src/components/player/displayname.tsx b/src/components/player/displayname.tsx
index 40b1e14..e0d6ecd 100644
--- a/src/components/player/displayname.tsx
+++ b/src/components/player/displayname.tsx
@@ -1,4 +1,5 @@
 import { getColor } from "@/lib/colors"
+import { head } from "@/lib/hypixel/general"
 import { Player } from "@/lib/schema/player"
 import Image from "next/image"
 import Link from "next/link"
@@ -9,8 +10,9 @@ type MonthlyPackageRank = Player["player"]["monthlyPackageRank"]
 type RankColor = Player["player"]["monthlyRankColor"]
 
 export default function DisplayName(
-    { ign, rank, monthly, rankColor, plusColor, guildTag, tagColor, specialRank, lastLogin, lastLogout, prefix }: {
+    { ign, uuid, rank, monthly, rankColor, plusColor, guildTag, tagColor, specialRank, lastLogin, lastLogout, prefix }: {
         ign: string
+        uuid: string
         rank: NewPackageRank
         monthly: MonthlyPackageRank
         rankColor: RankColor
@@ -25,11 +27,11 @@ export default function DisplayName(
 ) {
     return (
         <div className="flex gap-2 items-center mt-35">
-            <Link href={`/player/${ign}`}>
+            <Link href={`https://namemc.com/profile/${uuid}`}>
                 <Image
-                    src={`https://minotar.net/helm/${ign}/36.png`}
-                    width={36}
-                    height={36}
+                    src={head(uuid, 40)}
+                    width={40}
+                    height={40}
                     alt={ign}
                     unoptimized
                     className="shadow-2xl"
diff --git a/src/lib/hypixel/general.ts b/src/lib/hypixel/general.ts
index 2abb697..0d0ec43 100644
--- a/src/lib/hypixel/general.ts
+++ b/src/lib/hypixel/general.ts
@@ -78,3 +78,7 @@ export function romanize(num: number) {
     const thousands = Number(digits.join(""))
     return "M".repeat(thousands) + roman
 }
+
+export function head(val: string, size: number) {
+    return `https://vzge.me/face/${size}/${val}?no-shadow,cape,ears,overlay`
+}