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

cleanup and docs
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m4s
Details

Browse Source
This commit is contained in:
Lee
2024-04-18 07:06:16 +01:00
parent e0e6a72d92
commit 428a95c54d
18 changed files with 347 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/components/navbar.tsx
View File

@ -5,16 +5,28 @@ import { RedirectButton } from "./rediect-button";
import { ToggleThemeButton } from "./theme-toggle-button";
type Page = {
title: string;
/**
* The name of the button for the navbar.
*/
name: string;
/**
* The URL to go to.
*/
url: string;
/**
* Whether clicking the button will
* open the link in a new tab.
*/
openInNewTab?: boolean;
};
const pages: Page[] = [
{ title: "Player", url: "/player" },
{ title: "Server", url: "/server/java" },
{ title: "Mojang", url: "/mojang/status" },
{ title: "API", url: "https://api.mcutils.xyz", openInNewTab: true },
{ name: "Player", url: "/player" },
{ name: "Server", url: "/server/java" },
{ name: "Mojang", url: "/mojang/status" },
{ name: "API", url: "https://api.mcutils.xyz", openInNewTab: true },
];
export default function NavBar(): ReactElement {
@ -25,15 +37,15 @@ export default function NavBar(): ReactElement {
<p className="hidden md:block">Minecraft Utilities</p>
</Link>
<div className="flex-grow"></div>
<div className="flex-grow" />
<div className="flex gap-4">
{pages.map((page, index) => {
return <RedirectButton key={index} title={page.title} url={page.url} openInNewTab={page.openInNewTab} />;
return <RedirectButton key={index} title={page.name} url={page.url} openInNewTab={page.openInNewTab} />;
})}
</div>
<div className="flex-grow"></div>
<div className="flex-grow" />
<div className="mr-4 flex items-center gap-2">
<div className="hidden md:block">