From bacdc9319f09430442c3bf5b754673846b5b5ca6 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Thu, 18 Apr 2024 13:58:21 -0400
Subject: [PATCH] Add the Mojang status page

---
 Frontend/bun.lockb                       | Bin 185149 -> 185149 bytes
 Frontend/package.json                    |   2 +-
 Frontend/src/app/(pages)/mojang/page.tsx |  88 +++++++++++++++++++++++
 3 files changed, 89 insertions(+), 1 deletion(-)
 create mode 100644 Frontend/src/app/(pages)/mojang/page.tsx

diff --git a/Frontend/bun.lockb b/Frontend/bun.lockb
index 7e06f585a64490fe387f723e35d4f61da6d2702e..7d3b1b6f607909fd3081f21a7676c95c48bf91ef 100644
GIT binary patch
delta 150
zcmV;H0BQfdrVG8M3y>}#3Pc$YN;{V$dPpJkhuAD}N|d0+i=alg)e6jWU(kU>u}&&E
zlejc6v#2@clt8?GG9q}^5XZ>fG77G1Ko`J&oB0RE_2@>UP40x3OxT@Md>-7(HDetM
zoe87cDK7?gb>mwW*#lcl{<|PCTt9=&&bQ6Z0Vo9r0ssI20002D{L=wAl>sxiHE99}
EYPjb=)&Kwi

delta 150
zcmV;H0BQfdrVG8M3y>}#fd}LTYBIG8MHCJk^qPa4!~0}|_tJK=zz(I#wi%$Ou}&&E
zlei=>v#2@clt6+b)k{wOTwkRxcLwRp3R^AdMcz2Wzd7tq$Oy26=5=dGoyq4NzyjVB
zUfANwDsDU*Q&$3cz8?VQvlsLWGJJ#0&bQ6Z0Vo9r0bVgKF)lK<{L=wAl>suhHE99}
EYO}dRE&u=k

diff --git a/Frontend/package.json b/Frontend/package.json
index 138afce..e0d4415 100644
--- a/Frontend/package.json
+++ b/Frontend/package.json
@@ -32,7 +32,7 @@
     "react-countup": "^6.5.3",
     "react-dom": "^18",
     "react-hook-form": "^7.51.3",
-    "restfulmc-lib": "^1.1.2",
+    "restfulmc-lib": "^1.1.3",
     "sonner": "^1.4.41",
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7"
diff --git a/Frontend/src/app/(pages)/mojang/page.tsx b/Frontend/src/app/(pages)/mojang/page.tsx
new file mode 100644
index 0000000..fa93a75
--- /dev/null
+++ b/Frontend/src/app/(pages)/mojang/page.tsx
@@ -0,0 +1,88 @@
+import { minecrafter } from "@/font/fonts";
+import { cn } from "@/lib/utils";
+import { Metadata } from "next";
+import Link from "next/link";
+import { ReactElement } from "react";
+import {
+    MojangServerStatus,
+    MojangServerStatusResponse,
+    getMojangServerStatus,
+} from "restfulmc-lib";
+
+/**
+ * Page metadata.
+ */
+export const metadata: Metadata = {
+    title: "Mojang Status",
+    description: "View the status of Mojang servers.",
+};
+
+/**
+ * The page to view the
+ * status of Mojang servers.
+ *
+ * @returns the page jsx
+ */
+const MojangStatusPage = async (): Promise<ReactElement> => {
+    const { servers }: MojangServerStatusResponse =
+        await getMojangServerStatus(); // Get Mojang server statuses
+    return (
+        <main className="h-screen flex flex-col gap-7 justify-center items-center">
+            {/* Header */}
+            <h1
+                className={cn(
+                    "mt-20 text-6xl text-minecraft-green-3 text-center pointer-events-none",
+                    minecrafter.className
+                )}
+            >
+                Mojang Status
+            </h1>
+
+            {/* Server Statuses */}
+            <div className="w-[25rem] xs:w-[29rem] sm:w-[33.5rem] px-5 py-2 flex flex-col gap-2.5 bg-muted rounded-xl divide-y-2 divide-zinc-700/40 transition-all transform-gpu">
+                {servers.map((server, index) => {
+                    const status: MojangServerStatus = server.status; // The status of the server
+                    return (
+                        <div
+                            key={index}
+                            className="pt-2 flex justify-between items-center"
+                        >
+                            <div className="flex flex-col gap-0.5">
+                                <h1 className="pointer-events-none">
+                                    {server.name}
+                                </h1>
+                                <Link
+                                    href={server.endpoint}
+                                    className="text-xs text-minecraft-green-3 hover:opacity-85 transition-all transform-gpu"
+                                >
+                                    <code>{server.endpoint}</code>
+                                </Link>
+                            </div>
+
+                            {/* Status */}
+                            <h2
+                                className={cn(
+                                    "font-semibold",
+                                    statusStyles[status]
+                                )}
+                            >
+                                {status}
+                            </h2>
+                        </div>
+                    );
+                })}
+            </div>
+        </main>
+    );
+};
+
+/**
+ * The styles for each status.
+ */
+const statusStyles: any = {
+    ONLINE: "text-green-500",
+    DEGRADED: "text-yellow-500",
+    OFFLINE: "text-red-500",
+};
+
+export default MojangStatusPage;