Frontend/src/app/components/navbar.tsx
Liam 07ecdaaf78
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s
add button for staring the project on github
2024-04-16 19:27:48 +01:00

36 lines
968 B
TypeScript

import Link from "next/link";
import Logo from "./logo";
import { RedirectButton } from "./rediect-button";
type Page = {
title: string;
url: string;
};
const pages: Page[] = [
{ title: "Player", url: "/player/Notch" },
{ title: "Server", url: "/server/java/hypixel.net" },
];
export default function NavBar() {
return (
<div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85 h-12">
<div className="flex items-center gap-2 pl-3 pr-3">
<Logo />
<Link href="/" className="hidden md:block">
<p>Minecraft Utilities</p>
</Link>
</div>
{pages.map((page, index) => {
return <RedirectButton key={index} title={page.title} url={page.url} />;
})}
<div className="flex-grow"></div>
<div className="mr-4">
<RedirectButton title="Star us on Github!" url="https://github.com/RealFascinated/minecraft-helper" />
</div>
</div>
);
}