MinecraftUtilities/Frontend
1
1
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

move stats to the main page
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m45s
Details

Browse Source
This commit is contained in:
Lee 2024-04-18 01:37:59 +01:00
parent f1a446bcf4
commit 582084da88
3 changed files with 21 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/(pages)/page.tsx
View File

@ -1,7 +1,9 @@
import Link from "next/link"; import Link from "next/link";
import { Button } from "../components/ui/button"; import { Button } from "../components/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip"; import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";
import { Separator } from "../components/ui/separator";
import { ReactElement } from "react"; import { ReactElement } from "react";
import { Stats } from "@/app/components/stats";
type Button = { type Button = {
title: string; title: string;
@ -27,14 +29,16 @@ const buttons: Button[] = [
export default function Home(): ReactElement { export default function Home(): ReactElement {
return ( return (
<div className="text-center flex flex-col justify-center"> <div className="text-center flex flex-col gap-4">
<h1 className="text-4xl mb-2">Minecraft Utilities</h1> <div>
<div className="text-lg"> <h1 className="text-4xl mb-2">Minecraft Utilities</h1>
<p>Minecraft Utilities offers you many endpoints to get information about a minecraft server or a player.</p> <div className="text-lg">
<p>We offer you a simple and easy to use API.</p> <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>
<div className="mt-6 flex flex-row gap-2 justify-center"> <div className="flex flex-row gap-2 justify-center">
{buttons.map((button, index) => { {buttons.map((button, index) => {
return ( return (
<Tooltip key={index}> <Tooltip key={index}>
@ -52,6 +56,16 @@ export default function Home(): ReactElement {
); );
})} })}
</div> </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> </div>
); );
} }

21
src/app/(pages)/stats/page.tsx
View File

@ -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>
);
}

2
src/app/components/container.tsx
View File

@ -8,7 +8,7 @@ export default function Container({
return ( 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]"> <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 /> <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> </div>
); );
} }