lint

src/components/NavBar.tsx

@@ -1,24 +1,36 @@
-import Image from 'next/image'
-import { Inter } from 'next/font/google'
+import { signIn, signOut, useSession } from 'next-auth/react'
+import Link from 'next/link'
 
-const inter = Inter({ subsets: ['latin'] })
 
-export default function Home() {
+export default function NavBar() {
+  const { data: session } = useSession()
+  console.log(session)
+  if (session) {
+    return (
+      <main>
+          <div>
+          <section className="container-fluid bg-[#FFF6F2]">
+              <div className="container mx-auto px-4">
+                  <div className='flex flex-row gap-x-2 md:gap-x-16 p-4  justify-center whitespace-nowrap'>
+                    <Link href="/add-school-form">Add School </Link>|
+                      <Link href="/school-list">School List</Link>|
+                      <Link href="/add-user-form">Add User </Link>|
+                      <Link href="/user-list">User List </Link>|
+                      <button onClick={() => signOut()}>Sign out</button>
+                      
+                  </div>
+              </div>
+          </section>
+      </div>
+      </main>
+    )
+  }
   return (
-    <main>
-        <div>
-        <section className="container-fluid bg-[#FFF6F2]">
-            <div className="container mx-auto px-4">
-                <div className='flex flex-row gap-x-2 md:gap-x-16 p-4  justify-center whitespace-nowrap'>
-                  <a href="/add-school-form">Add School </a>|
-                    <a href="/school-list">School List</a>|
-                    <a href="/add-user-form">Add User </a>|
-                    <a href="/user-list">User List </a>
-                    
-                </div>
-            </div>
-        </section>
-    </div>
-    </main>
+    <>
+      Not signed in <br />
+      <button onClick={() => signIn()}>Sign in</button>
+    </>
   )
+
 }
+