social login implemented with google and github

app/(site)/components/AuthForm.tsx

@@ -8,6 +8,7 @@ import AuthSocialButton from './AuthSocialButton';
 import { BsGithub, BsGoogle } from 'react-icons/bs';
 import axios from 'axios';
 import { toast } from 'react-hot-toast';
+import { signIn } from 'next-auth/react';
 
 type Variant = 'LOGIN' | 'REGISTER';
 
@@ -38,7 +39,7 @@ const AuthForm = () => {
           const errorCode = err.response.status;
 
           if (errorCode === 400) {
-            toast.error('Please fill all fields!');
+            toast.error('Please enter your name, email and password!');
           } else if (errorCode === 409) {
             toast.error('Email already exists!');
           } else {
@@ -49,14 +50,39 @@ const AuthForm = () => {
     }
 
     if (variant === 'LOGIN') {
-      // NextAuth SignIn
+      signIn('credentials', {
+        ...data,
+        redirect: false,
+      })
+        .then((res) => {
+          if (res?.error) {
+            toast.error(res.error);
+          }
+
+          if (res?.ok && !res?.error) {
+            toast.success('Logged in!');
+          }
+        })
+        .finally(() => setIsLoading(false));
     }
   };
 
   const socialAction = (action: string) => {
     setIsLoading(true);
 
-    // NextAuth Social SignIn
+    signIn(action, {
+      redirect: false,
+    })
+      .then((res) => {
+        if (res?.error) {
+          toast.error(res.error);
+        }
+
+        if (res?.ok && !res?.error) {
+          toast.success('Logged in!');
+        }
+      })
+      .finally(() => setIsLoading(false));
   };
 
   return (

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

@@ -19,7 +19,7 @@ export const authOptions: AuthOptions = {
       async authorize(credentials) {
         // check if user details are passed
         if (!credentials?.email || !credentials?.password) {
-          throw new Error('Invalid credentials');
+          throw new Error('Please enter your credentials');
         }
 
         // find user in database

notes.md

@@ -26,3 +26,7 @@
 - prisma
 - axios
 - react-hot-toast
+
+## ToDos
+
+- [ ] Add twitter login