From b26718df8b67a2cb126f5b12b53032d66729f8e4 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Sat, 20 Apr 2024 13:59:40 -0400
Subject: [PATCH] Player embed colors

---
 .../app/(pages)/player/[[...slug]]/page.tsx   | 64 +++++++++++--------
 1 file changed, 36 insertions(+), 28 deletions(-)

diff --git a/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx b/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
index 88c185d..8a76995 100644
--- a/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
+++ b/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
@@ -70,9 +70,26 @@ const PlayerPage = async ({ params }: PageProps): Promise<ReactElement> => {
 export const generateMetadata = async ({
     params,
 }: PageProps): Promise<Metadata> => {
-    const embed: Metadata | undefined = await getPlayerEmbed(
-        trimQuery(params.slug?.[0])
-    ); // Get the page embed
+    const query: string | undefined = trimQuery(params.slug?.[0]);
+    let embed: Metadata | undefined;
+    if (query) {
+        try {
+            embed = await getPlayerEmbed(query); // Get the player embed
+        } catch (err) {
+            const code: number = (err as RestfulMCAPIError).code; // Get the error status code
+            if (code === 400) {
+                return Embed({
+                    title: "Invalid Player",
+                    description: `The player ${query} is invalid.`,
+                });
+            } else if (code === 404) {
+                return Embed({
+                    title: "Player Not Found",
+                    description: `The player ${query} was not found.`,
+                });
+            }
+        }
+    }
 
     // Return the page embed
     return embed
@@ -92,10 +109,16 @@ export const generateMetadata = async ({
 export const generateViewport = async ({
     params,
 }: PageProps): Promise<Viewport> => {
-    const embed: Metadata | undefined = await getPlayerEmbed(
-        trimQuery(params.slug?.[0])
-    ); // Get the page embed
-    return embed ? {} : { themeColor: "#AA0000" };
+    const query: string | undefined = trimQuery(params.slug?.[0]);
+    if (query) {
+        try {
+            await getPlayerEmbed(query); // Try and get the player embed
+            return { themeColor: "#55FF55" }; // Online
+        } catch (err) {
+            return { themeColor: "#AA0000" }; // Error
+        }
+    }
+    return {};
 };
 
 /**
@@ -124,27 +147,12 @@ const getPlayerEmbed = async (
     if (!query) {
         return undefined;
     }
-    try {
-        const player: CachedPlayer = await getPlayer(query); // Get the player to embed
-        return Embed({
-            title: `${player.username}'s Profile`,
-            description: `UUID: ${player.uniqueId}\n\nClick to view data about this player.`,
-            thumbnail: player.skin.parts.HEAD,
-        });
-    } catch (err) {
-        const code: number = (err as RestfulMCAPIError).code; // Get the error status code
-        if (code === 400) {
-            return Embed({
-                title: "Invalid Player",
-                description: `The player ${query} is invalid.`,
-            });
-        } else if (code === 404) {
-            return Embed({
-                title: "Player Not Found",
-                description: `The player ${query} was not found.`,
-            });
-        }
-    }
+    const player: CachedPlayer = await getPlayer(query); // Get the player to embed
+    return Embed({
+        title: `${player.username}'s Profile`,
+        description: `UUID: ${player.uniqueId}\n\nClick to view data about this player.`,
+        thumbnail: player.skin.parts.HEAD,
+    });
 };
 
 export default PlayerPage;