From 48f4b24c81a241aa3d6e08cbab77481275098479 Mon Sep 17 00:00:00 2001
From: Taken <taken@mairimashita.org>
Date: Wed, 17 Sep 2025 15:35:08 +0200
Subject: [PATCH] Added dev badge for myself

---
 src/components/player/displayname.tsx   |  5 ++++-
 src/components/svgs/developer-badge.tsx | 11 +++++++++++
 src/data/general.ts                     |  6 ++++++
 3 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/components/svgs/developer-badge.tsx

diff --git a/src/components/player/displayname.tsx b/src/components/player/displayname.tsx
index 0f700a1..f7a0b58 100644
--- a/src/components/player/displayname.tsx
+++ b/src/components/player/displayname.tsx
@@ -1,8 +1,10 @@
+import { DEVUUIDS } from "@/data/general"
 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"
+import DeveloperBadge from "../svgs/developer-badge"
 import { OnlineStatus } from "./online-status"
 
 type NewPackageRank = Player["player"]["newPackageRank"]
@@ -27,6 +29,7 @@ export default function DisplayName(
 ) {
     return (
         <div className="flex gap-2 items-center">
+            {DEVUUIDS.includes(uuid) && <DeveloperBadge size={40} />}
             <Link href={`https://namemc.com/profile/${uuid}`}>
                 <Image
                     src={head(uuid, 40)}
@@ -37,7 +40,7 @@ export default function DisplayName(
                     className="shadow-2xl"
                 />
             </Link>
-            <h1 className="text-xl font-bold md:text-3xl text-stroke text-stroke-foreground dark:text-stroke-transparent">
+            <h1 className="font-bold sm:text-xl md:text-3xl text-md text-stroke text-stroke-foreground dark:text-stroke-transparent">
                 <PlayerRank rank={rank} monthly={monthly} plusColor={plusColor} rankColor={rankColor} specialRank={specialRank} prefix={prefix} />
                 {" "}
                 <PlayerIGN ign={ign} rank={rank} monthly={monthly} rankColor={rankColor} specialRank={specialRank} prefix={prefix} />{" "}
diff --git a/src/components/svgs/developer-badge.tsx b/src/components/svgs/developer-badge.tsx
new file mode 100644
index 0000000..769af0f
--- /dev/null
+++ b/src/components/svgs/developer-badge.tsx
@@ -0,0 +1,11 @@
+export default function DeveloperBadge({ size = 32 }: { size?: number }) {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height={size} width={size}>
+            <path
+                fill="#3e70dd"
+                d="M21.58 11.4L17.3 4.01l-.35-.6H7.04l-.35.6-4.27 7.39-.35.6.35.6 4.27 7.39.35.6h9.92l.35-.6 4.28-7.39.35-.6-.36-.6zM8.51 10.37L6.88 12l1.63 1.63v2.73L4.15 12l4.37-4.37v2.74zm3.12 6.93l-2.04-.63 3.1-9.98 2.04.64-3.1 9.97zm3.86-.93v-2.73L17.12 12l-1.63-1.63V7.63L19.85 12l-4.36 4.37z"
+            />
+            <path fill="none" d="M0 0h24v24H0z" />
+        </svg>
+    )
+}
diff --git a/src/data/general.ts b/src/data/general.ts
index 091b8cc..d000582 100644
--- a/src/data/general.ts
+++ b/src/data/general.ts
@@ -1,5 +1,11 @@
 const prefix = "local-hypstats"
 
+export const DEVUUIDS = [
+    "eafa207d01c54d0f8c8c72c09239565d",
+    "09bce8b354f348eab28cdb064832f45f",
+    "4ecd790f5e47448d8b44c682dbb50983"
+]
+
 export const COOKIE_VALUES = {
     statsOrder: `${prefix}-player-stats-order`
 } as const