add button for staring the project on github
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s

This commit is contained in:
Lee 2024-04-16 19:27:48 +01:00
parent 9e0a914ccb
commit 07ecdaaf78
3 changed files with 26 additions and 8 deletions

@ -79,6 +79,7 @@ export default async function Page({ params }: Params) {
<div className="flex gap-2"> <div className="flex gap-2">
{Object.entries(player.skin.parts).map(([key, value]) => { {Object.entries(player.skin.parts).map(([key, value]) => {
return ( return (
// eslint-disable-next-line @next/next/no-img-element
<img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" /> <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
); );
})} })}

@ -1,5 +1,6 @@
import Link from "next/link"; import Link from "next/link";
import Logo from "./logo"; import Logo from "./logo";
import { RedirectButton } from "./rediect-button";
type Page = { type Page = {
title: string; title: string;
@ -13,7 +14,7 @@ const pages: Page[] = [
export default function NavBar() { export default function NavBar() {
return ( return (
<div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85"> <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"> <div className="flex items-center gap-2 pl-3 pr-3">
<Logo /> <Logo />
<Link href="/" className="hidden md:block"> <Link href="/" className="hidden md:block">
@ -21,14 +22,14 @@ export default function NavBar() {
</Link> </Link>
</div> </div>
{pages.map((page, index) => { {pages.map((page, index) => {
return ( return <RedirectButton key={index} title={page.title} url={page.url} />;
<div key={index} className="pt-4 pb-4 w-fit rounded-lg">
<Link href={page.url}>
<p className="hover:text-primary transition-all">{page.title}</p>
</Link>
</div>
);
})} })}
<div className="flex-grow"></div>
<div className="mr-4">
<RedirectButton title="Star us on Github!" url="https://github.com/RealFascinated/minecraft-helper" />
</div>
</div> </div>
); );
} }

@ -0,0 +1,16 @@
import Link from "next/link";
type ButtonProps = {
title: string;
url: string;
};
export function RedirectButton({ title, url }: ButtonProps) {
return (
<div className="w-fit rounded-lg">
<Link href={url}>
<p className="hover:text-primary transition-all">{title}</p>
</Link>
</div>
);
}