From 39407ac8b0acb23b86e688b81f84cdf7af5a1ea4 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Fri, 26 Apr 2024 21:12:12 -0400
Subject: [PATCH] Frontend: Show the country of a server in the result

---
 Frontend/bun.lockb                            | Bin 352216 -> 352216 bytes
 Frontend/next.config.mjs                      |   4 ++
 Frontend/package.json                         |   2 +-
 .../app/components/server/server-result.tsx   |  36 +++++++++++++-----
 4 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/Frontend/bun.lockb b/Frontend/bun.lockb
index d30217f8ed84954985a215331354e99084c22d1d..c32607ddbfe862258d9325c25f6946a0ede7c176 100644
GIT binary patch
delta 162
zcmV;T0A2sszZKZO6_73<FJkVE5If^5%iC8SGk;eJ^C<IWZt@Wp9T#t#gF@U?u}->s
zlSn);gE)M*ID7$hA3#7IMrGcF8i6B9KIe;kFXj>8STD}TLOdeEMS&V%$VT8gj049E
zg3`N^V6nu*aa`J4U?b6q={O4auyXGYJ+X)Fn*q1&n*!k42Lb>900000htzfhx72n7
Q?<|)hAq60}<D&%iyNeq~5&!@I

delta 162
zcmV;T0A2sszZKZO6_73<yAads)|!-t|H33>E~KO!GYRU?l4G<v<8hBWT)=u9u}->s
zlSoZ4gE)M*ID7$hA3(f*G9q}^5XZ>fG77G1Ko`J&oB0RE_2@>UP40x3OxT@Md>-7(
zHDetMoe87cDK7?gb>mwW*#lcl{<|PCTtA2Hn*q1&n*!k42LWC&E-@}Mhtzfhx72n7
Q?<|+|rUW3j<D&%iyQJMrC;$Ke

diff --git a/Frontend/next.config.mjs b/Frontend/next.config.mjs
index 073c832..cc5a587 100644
--- a/Frontend/next.config.mjs
+++ b/Frontend/next.config.mjs
@@ -9,6 +9,10 @@ const nextConfig = {
 				protocol: "https",
 				hostname: "api.restfulmc.cc",
 			},
+			{
+				protocol: "https",
+				hostname: "flagcdn.com",
+			},
 		],
 	},
 	experimental: {
diff --git a/Frontend/package.json b/Frontend/package.json
index b498953..92358c5 100644
--- a/Frontend/package.json
+++ b/Frontend/package.json
@@ -51,7 +51,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^4.0.0",
     "remote-mdx": "^0.0.7",
-    "restfulmc-lib": "^1.1.3",
+    "restfulmc-lib": "^1.1.4",
     "shadcn-ui": "0.8.0",
     "sharp": "^0.33.3",
     "sonner": "^1.4.41",
diff --git a/Frontend/src/app/components/server/server-result.tsx b/Frontend/src/app/components/server/server-result.tsx
index d6aa6a0..ac721c3 100644
--- a/Frontend/src/app/components/server/server-result.tsx
+++ b/Frontend/src/app/components/server/server-result.tsx
@@ -32,6 +32,7 @@ import config from "@/config";
 import { minecraft } from "@/font/fonts";
 import CodeDialog from "@/components/code/code-dialog";
 import RawJson from "@/components/badge/raw-json";
+import SimpleTooltip from "@/components/simple-tooltip";
 
 /**
  * The props for a server result.
@@ -113,15 +114,32 @@ const ServerResult = ({ server }: ServerResultProps): ReactElement => {
                 </div>
             </div>
 
-            {/* Raw Json */}
-            <CodeDialog
-                title="Raw Server Data"
-                description={`The raw JSON data for the player ${server.hostname}:`}
-                language="json"
-                trigger={<RawJson />}
-            >
-                {JSON.stringify(server, undefined, 4)}
-            </CodeDialog>
+            {/* Country & Raw Json */}
+            <div className="flex justify-center items-center gap-5 sm:gap-10 transition-all transform-gpu">
+                {/* Server Geo Location */}
+                {server.geo && (
+                    <SimpleTooltip
+                        content={`Located in ${server.geo.country.name}`}
+                    >
+                        <Image
+                            src={`https://flagcdn.com/w40/${server.geo.country.code.toLowerCase()}.png`}
+                            alt={`Country Flag for ${server.geo.country.name}`}
+                            width={36}
+                            height={36}
+                        />
+                    </SimpleTooltip>
+                )}
+
+                {/* Raw Json */}
+                <CodeDialog
+                    title="Raw Server Data"
+                    description={`The raw JSON data for the player ${server.hostname}:`}
+                    language="json"
+                    trigger={<RawJson />}
+                >
+                    {JSON.stringify(server, undefined, 4)}
+                </CodeDialog>
+            </div>
         </div>
     );
 };