Changes

Author: manideep1428

app/api/auth/[...nextauth]/route.ts

@@ -28,7 +28,7 @@ const handler = NextAuth({
   callbacks: {
     async signIn({ account, user }) {
       if (!user.email) {
-        return false; // Instead of throwing an error, return false to prevent sign in
+        return false; 
       }
       const existingUser = await prisma.user.findUnique({
         where: {
@@ -47,15 +47,12 @@ const handler = NextAuth({
       return true;
     },
     async session({ session, token }) {
-      if (session.user) {
-        //@ts-ignore
-        session.user.id = token.sub;
-      }
-      return session;
+      console.log(token)
+      return session
     },
   },
   pages: {
-    signIn: '/auth/signIn',
+    signIn: '/auth/signin',
   },
 });
 

app/layout.tsx

@@ -2,8 +2,8 @@
 import { SessionProvider } from 'next-auth/react'
 import './globals.css'
 import { Appbar } from '@/components/Appbar'
-import DarkModeToggle from '../components/DarkModeToggle'
 import { ThemeProvider } from './themeProvider'
+import NextTopLoader from 'nextjs-toploader';
 export default function RootLayout({
   children,
 }: {
@@ -20,6 +20,7 @@ export default function RootLayout({
             disableTransitionOnChange
             >
            <Appbar/> 
+           <NextTopLoader/>
            {children}
            </ThemeProvider> 
           </SessionProvider>

components/Appbar.tsx

@@ -44,7 +44,7 @@ export const Appbar = () => {
             <div className="flex justify-between items-center p-2">
                 <div className="flex items-center">
                     <div className="text-xl pl-4 cursor-pointer font-semibold dark:text-white" onClick={() => router.push('/')}>
-                        Exchange
+                       <i> Learn Web3 </i>
                     </div>
                     {!isMobile && (
                         <div className="flex m-auto gap-6 p-4">
@@ -60,7 +60,7 @@ export const Appbar = () => {
                                 <UserDetails/>
                             </div>
                         ) : (
-                            <SignButton onClick={() => router.push("auth/signin")} className="mr-2">SignUp</SignButton>
+                            <SignButton onClick={() => router.push("auth/signIn")} className="mr-2">Login</SignButton>
                         )}
                         <button onClick={() => setMenuOpen(!menuOpen)}>
                             {menuOpen ? <X size={24} /> : <Menu size={24} />}