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

add basic player page
Some checks failed
Deploy App / docker (ubuntu-latest) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Lee
2024-04-14 19:55:07 +01:00
parent 89c534ac86
commit 8203b10b71
12 changed files with 308 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/layout.tsx
View File

@ -1,7 +1,9 @@
import Container from "@/components/container";
import ThemeProvider from "@/components/theme-provider";
import { Inter } from "next/font/google";
import { ToastContainer } from "react-toastify";
import { Inter } from "next/font/google";
import "react-toastify/dist/ReactToastify.css";
import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
@ -17,6 +19,7 @@ export default function RootLayout({
<head />
<body>
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
<ToastContainer theme="dark" />
<Container>{children}</Container>
</ThemeProvider>
</body>

13
src/app/page.tsx
View File

@ -13,12 +13,15 @@ const buttons: Button[] = [
export default function Home() {
return (
<div className="text-center flex flex-col justify-center">
<h1 className="text-4xl">Minecraft Utilities</h1>
<p className="text-lg">
We provide a convenient API for Minecraft, simplifying the usage for players and developers.
</p>
<h1 className="text-4xl mb-1">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>
You can use this information on your minecraft server or website. We offer you a simple and easy to use API.
</p>
</div>
<div className="mt-4 flex flex-row gap-2 justify-center">
<div className="mt-6 flex flex-row gap-2 justify-center">
{buttons.map((button, index) => {
return (
<Link

13
src/app/player/page.tsx Normal file
View File

@ -0,0 +1,13 @@
import PlayerSearch from "@/components/player-search";
export default function Player() {
return (
<div className="h-full flex flex-col items-center">
<div className="mb-4 text-center">
<h1 className="text-xl">Search for a Player</h1>
<p>You can enter a players uuid or username to get information about the player.</p>
</div>
<PlayerSearch />
</div>
);
}