From 07ecdaaf78c2e0c4eb3fefdb802eed7131481030 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 16 Apr 2024 19:27:48 +0100
Subject: [PATCH] add button for staring the project on github

---
 src/app/(pages)/player/[id]/page.tsx  |  1 +
 src/app/components/navbar.tsx         | 17 +++++++++--------
 src/app/components/rediect-button.tsx | 16 ++++++++++++++++
 3 files changed, 26 insertions(+), 8 deletions(-)
 create mode 100644 src/app/components/rediect-button.tsx

diff --git a/src/app/(pages)/player/[id]/page.tsx b/src/app/(pages)/player/[id]/page.tsx
index ee1b1ac..9c034ee 100644
--- a/src/app/(pages)/player/[id]/page.tsx
+++ b/src/app/(pages)/player/[id]/page.tsx
@@ -79,6 +79,7 @@ export default async function Page({ params }: Params) {
                 <div className="flex gap-2">
                   {Object.entries(player.skin.parts).map(([key, value]) => {
                     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" />
                     );
                   })}
diff --git a/src/app/components/navbar.tsx b/src/app/components/navbar.tsx
index 13c49eb..d2c4368 100644
--- a/src/app/components/navbar.tsx
+++ b/src/app/components/navbar.tsx
@@ -1,5 +1,6 @@
 import Link from "next/link";
 import Logo from "./logo";
+import { RedirectButton } from "./rediect-button";
 
 type Page = {
   title: string;
@@ -13,7 +14,7 @@ const pages: Page[] = [
 
 export default function NavBar() {
   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">
         <Logo />
         <Link href="/" className="hidden md:block">
@@ -21,14 +22,14 @@ export default function NavBar() {
         </Link>
       </div>
       {pages.map((page, index) => {
-        return (
-          <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>
-        );
+        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>
   );
 }
diff --git a/src/app/components/rediect-button.tsx b/src/app/components/rediect-button.tsx
new file mode 100644
index 0000000..fd39635
--- /dev/null
+++ b/src/app/components/rediect-button.tsx
@@ -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>
+  );
+}