add footer

minhd-vu · Feb 17, 2024 · e6281c4 · e6281c4
1 parent ea8c379
commit e6281c4
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 10 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,8 @@ import type { Metadata } from "next";
 import { getServerSession } from "next-auth";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -21,7 +23,11 @@ export default async function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <SessionProvider session={session}>{children}</SessionProvider>
+        <SessionProvider session={session}>
+          <Navbar />
+          {children}
+          <Footer />
+        </SessionProvider>
       </body>
     </html>
   );

diff --git a/app/leaderboard/page.tsx b/app/leaderboard/page.tsx
@@ -1,4 +1,3 @@
-import Navbar from "@/components/Navbar";
 import prisma from "@/lib/prisma";
 
 async function getLeaderboardUsers() {
@@ -45,7 +44,6 @@ export default async function Leaderboard() {
 
   return (
     <>
-      <Navbar />
       <div className="relative overflow-x-auto">
         <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
           <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,15 +1,9 @@
 import LoginButton from "@/components/LoginButton";
-import Navbar from "@/components/Navbar";
 import Party from "@/components/Party";
 import { getServerSession } from "next-auth";
 
 export default async function Home() {
   const session = await getServerSession();
 
-  return (
-    <>
-      <Navbar />
-      {session ? <Party /> : <LoginButton />}
-    </>
-  );
+  return session ? <Party /> : <LoginButton />;
 }
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -0,0 +1,16 @@
+export default async function Footer() {
+  return (
+    <footer className="fixed bottom-0 left-0 z-20 w-full p-4 bg-white border-t border-gray-200 shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800 dark:border-gray-600">
+      <span className="text-sm text-gray-500 sm:text-center dark:text-gray-400">
+        © 2024{" "}
+        <a
+          href="https://assassinspartygame.vercel.app/"
+          className="hover:underline"
+        >
+          Assassins™
+        </a>
+        . All Rights Reserved.
+      </span>
+    </footer>
+  );
+}