Added Auth Status Component

steven-tey · steven-tey · commit 401dd8f7b51c · 2022-11-30T13:59:26.000-06:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,21 +2,24 @@
 import "@/styles/globals.css";
 import { Inter } from "@next/font/google";
 import Toaster from "@/components/toaster";
+import AuthStatus from "@/components/auth-status";
 
 const inter = Inter({
   variable: "--font-inter",
 });
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
+  const AuthStatusDiv = await AuthStatus();
   return (
     <html lang="en">
       <body className={inter.variable}>
-      <Toaster />
-      {children}
+        <Toaster />
+        {AuthStatusDiv}
+        {children}
       </body>
     </html>
   );
diff --git a/components/auth-status.tsx b/components/auth-status.tsx
@@ -0,0 +1,14 @@
+import { unstable_getServerSession } from "next-auth";
+
+export default async function AuthStatus() {
+  const session = await unstable_getServerSession();
+  return (
+    <div className="absolute top-5 w-full flex justify-center items-center">
+      {session && (
+        <p className="text-stone-200 text-sm">
+          Signed in as {session.user?.email}
+        </p>
+      )}
+    </div>
+  );
+}
