From 582084da88136f775d165f35c78cc88b515ebc46 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Thu, 18 Apr 2024 01:37:59 +0100
Subject: [PATCH] move stats to the main page

---
 src/app/(pages)/page.tsx         | 26 ++++++++++++++++++++------
 src/app/(pages)/stats/page.tsx   | 21 ---------------------
 src/app/components/container.tsx |  2 +-
 3 files changed, 21 insertions(+), 28 deletions(-)
 delete mode 100644 src/app/(pages)/stats/page.tsx

diff --git a/src/app/(pages)/page.tsx b/src/app/(pages)/page.tsx
index f0a0318..bdc21de 100644
--- a/src/app/(pages)/page.tsx
+++ b/src/app/(pages)/page.tsx
@@ -1,7 +1,9 @@
 import Link from "next/link";
 import { Button } from "../components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";
+import { Separator } from "../components/ui/separator";
 import { ReactElement } from "react";
+import { Stats } from "@/app/components/stats";
 
 type Button = {
   title: string;
@@ -27,14 +29,16 @@ const buttons: Button[] = [
 
 export default function Home(): ReactElement {
   return (
-    <div className="text-center flex flex-col justify-center">
-      <h1 className="text-4xl mb-2">Minecraft Utilities</h1>
-      <div className="text-lg">
-        <p>Minecraft Utilities offers you many endpoints to get information about a minecraft server or a player.</p>
-        <p>We offer you a simple and easy to use API.</p>
+    <div className="text-center flex flex-col gap-4">
+      <div>
+        <h1 className="text-4xl mb-2">Minecraft Utilities</h1>
+        <div className="text-lg">
+          <p>Minecraft Utilities offers you many endpoints to get information about a minecraft server or a player.</p>
+          <p>We offer you a simple and easy to use API.</p>
+        </div>
       </div>
 
-      <div className="mt-6 flex flex-row gap-2 justify-center">
+      <div className="flex flex-row gap-2 justify-center">
         {buttons.map((button, index) => {
           return (
             <Tooltip key={index}>
@@ -52,6 +56,16 @@ export default function Home(): ReactElement {
           );
         })}
       </div>
+
+      <Separator className="mt-6 mb-6" />
+
+      <div className="flex flex-col gap-4 items-center">
+        <div className="text-center">
+          <p className="font-semibold text-xl">API Statistics</p>
+          <p>View the statistics for the API in real-time!</p>
+        </div>
+        <Stats />
+      </div>
     </div>
   );
 }
diff --git a/src/app/(pages)/stats/page.tsx b/src/app/(pages)/stats/page.tsx
deleted file mode 100644
index 77d2104..0000000
--- a/src/app/(pages)/stats/page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ReactElement } from "react";
-import { Stats } from "@/app/components/stats";
-import { Metadata } from "next";
-
-export const metadata: Metadata = {
-  openGraph: {
-    description: "Click to view the API statistics",
-  },
-};
-
-export default async function Page(): Promise<ReactElement> {
-  return (
-    <div className="flex flex-col gap-4 items-center">
-      <div className="text-center">
-        <p className="font-semibold text-xl">API Statistics</p>
-        <p>View the statistics for the API in real-time!</p>
-      </div>
-      <Stats />
-    </div>
-  );
-}
diff --git a/src/app/components/container.tsx b/src/app/components/container.tsx
index 1256bb9..99b5b6a 100644
--- a/src/app/components/container.tsx
+++ b/src/app/components/container.tsx
@@ -8,7 +8,7 @@ export default function Container({
   return (
     <div className="z-[9999] m-auto flex h-screen min-h-full flex-col items-center opacity-90 w-full xs:max-w-[1200px]">
       <NavBar />
-      <div className="w-full h-full flex m-4 justify-center">{children}</div>
+      <div className="w-full flex m-4 justify-center">{children}</div>
     </div>
   );
 }