Fundementials of the new dashboard

1 files changed, 14 insertions, 3 deletions

diff --git a/web/src/app/dashboard/page.js b/web/src/app/dashboard/page.js
index 065bfb0..d6e3a41 100644
--- a/web/src/app/dashboard/page.js
+++ b/web/src/app/dashboard/page.js
@@ -1,6 +1,7 @@
 import { redirect } from "next/navigation";
 import { auth } from "@/lib/auth";
 import SignOut from "@/app/components/sign-out";
+import Guilds from "@/app/components/Guilds";
 
 export default async function Home() {
     const session = await auth();
@@ -8,9 +9,19 @@ export default async function Home() {
 
     return (
         <div>
-            <h1>Dashboard</h1>
-            <p>Welcome {session.user?.name}</p>
-            <SignOut />
+            <nav className="bg-gray-900 text-white">
+                <div className="max-w-screen-xl flex items-center justify-between mx-auto p-4">
+                    <div className="flex items-center">
+                        <h1 className="text-xl font-medium">AleeBot</h1>
+                    </div>
+
+                    <div className="flex items-center space-x-4">
+                        <p className="text-sm md:text-base">Welcome {session.user?.username}!</p>
+                        <SignOut />
+                    </div>
+                </div>
+            </nav>
+            <Guilds session={session} />
         </div>
     )
 }