add button for staring the project on github
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s
This commit is contained in:
parent
9e0a914ccb
commit
07ecdaaf78
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
16
src/app/components/rediect-button.tsx
Normal file
16
src/app/components/rediect-button.tsx
Normal file
@ -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>
|
||||||
|
);
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user