From a96a693d1344bf6ce71f4368ede0cd1b6e66fbd8 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 16 Apr 2024 23:10:15 +0100
Subject: [PATCH] don't show the head in the skin parts

---
 src/app/(pages)/player/[id]/page.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/(pages)/player/[id]/page.tsx b/src/app/(pages)/player/[id]/page.tsx
index e90d40d..3e72b19 100644
--- a/src/app/(pages)/player/[id]/page.tsx
+++ b/src/app/(pages)/player/[id]/page.tsx
@@ -78,12 +78,14 @@ export default async function Page({ params }: Params): Promise<JSX.Element> {
               <div className="flex flex-col gap-2">
                 <p className="text-lg">Skin Parts</p>
                 <div className="flex gap-2">
-                  {Object.entries(player.skin.parts).map(([key, value]) => {
-                    return (
-                      // eslint-disable-next-line @next/next/no-img-element
-                      <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
-                    );
-                  })}
+                  {Object.entries(player.skin.parts)
+                    .filter((part) => part[0] !== "head") // Don't show the head part again
+                    .map(([key, value]) => {
+                      return (
+                        // eslint-disable-next-line @next/next/no-img-element
+                        <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
+                      );
+                    })}
                 </div>
               </div>
             </div>