From 6fa05990c65e4a3e8e2170fd6de5b1b3b1e145ab Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Thu, 18 Apr 2024 20:42:35 -0400
Subject: [PATCH] Update some errors

---
 .../app/(pages)/server/[[...slug]]/page.tsx   |  4 +--
 .../app/components/player/player-result.tsx   |  2 +-
 .../app/components/server/server-result.tsx   | 25 +++++++++++--------
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx b/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx
index 1ed4f0a..491ddc6 100644
--- a/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx
+++ b/Frontend/src/app/(pages)/server/[[...slug]]/page.tsx
@@ -110,9 +110,9 @@ export const generateMetadata = async ({
             const code: number = (err as RestfulMCAPIError).code; // Get the error status code
             if (code === 400) {
                 return Embed({
-                    title: "Invalid Hostname",
+                    title: "Invalid Platform or Hostname",
                     color: "#EB4034",
-                    description: `The hostname ${hostname} is invalid.`,
+                    description: `The platform ${platform} or hostname ${hostname} is invalid.`,
                 });
             } else if (code === 404) {
                 return Embed({
diff --git a/Frontend/src/app/components/player/player-result.tsx b/Frontend/src/app/components/player/player-result.tsx
index 884863c..2ac2026 100644
--- a/Frontend/src/app/components/player/player-result.tsx
+++ b/Frontend/src/app/components/player/player-result.tsx
@@ -62,7 +62,7 @@ const PlayerResult = ({
                     <div className="flex gap-5 items-center">
                         {/* Player Head */}
                         <Image
-                            className="w-24 h-24 sm:w-28 sm:h-28 md:w-32 md:h-32"
+                            className="w-24 h-24 sm:w-28 sm:h-28 md:w-32 md:h-32 pointer-events-none"
                             src={parts.HEAD}
                             alt={`${username}'s Head`}
                             width={128}
diff --git a/Frontend/src/app/components/server/server-result.tsx b/Frontend/src/app/components/server/server-result.tsx
index 47cddf0..8f6e5de 100644
--- a/Frontend/src/app/components/server/server-result.tsx
+++ b/Frontend/src/app/components/server/server-result.tsx
@@ -1,6 +1,6 @@
 import { cn } from "@/lib/utils";
 import Image from "next/image";
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 import {
     CachedBedrockMinecraftServer,
     CachedJavaMinecraftServer,
@@ -23,13 +23,13 @@ type ServerResultProps = {
  * @param server the server to display
  * @returns the server result jsx
  */
-const ServerResult = ({ server }: ServerResultProps): ReactNode => {
+const ServerResult = ({ server }: ServerResultProps): ReactElement => {
     const favicon: string | undefined = (server as CachedJavaMinecraftServer)
         .favicon?.url; // The favicon of the server (TODO: bedrock)
     return (
         <div
             className={cn(
-                "w-[29rem] relative p-2 flex gap-2 rounded-lg",
+                "w-[29rem] relative p-2 flex gap-2 rounded-lg pointer-events-none",
                 'bg-[url("/media/server-background.png")]'
             )}
         >
@@ -44,14 +44,17 @@ const ServerResult = ({ server }: ServerResultProps): ReactNode => {
             {/* Name & MOTD */}
             <div className="flex flex-col">
                 <h1>{server.hostname}</h1>
-                {server.motd.html.map((line, index) => {
-                    return (
-                        <p
-                            key={index}
-                            dangerouslySetInnerHTML={{ __html: line }}
-                        ></p>
-                    );
-                })}
+                {server.motd.html.map(
+                    (line: string, index: number): ReactElement => {
+                        return (
+                            <p
+                                key={index}
+                                className="pointer-events-auto"
+                                dangerouslySetInnerHTML={{ __html: line }}
+                            ></p>
+                        );
+                    }
+                )}
             </div>
 
             {/* Ping */}