User Login | Deliver X

import { Checkbox, Textinput } from '@/components'; import Button from '@/components/ui/Button'; import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { Form } from 'react-bootstrap'; import { SubmitHandler, useForm } from 'react-hook-form'; import { useState } from 'react'; import { useCookies } from 'react-cookie'; import { yupResolver } from '@hookform/resolvers/yup'; import toast from 'react-hot-toast'; import { signIn } from 'next-auth/react'; import { loginSchema } from '@/lib/validator'; import { useLoginMutation } from '@/lib/redux/services/auth.api'; import errorHandler from '@/utils/request/errorHandler'; interface LoginUser { email: string; password: string; } const User = () => { const router = useRouter(); const [isLoading, setLoading] = useState(false); const [rememberMe, setRememberMe] = useState(false); const [cookies, setCookie, removeCookie] = useCookies([ 'user_email', 'remember_me_email', 'user_role', ]); const [login] = useLoginMutation(); const { register, handleSubmit, formState: { errors }, } = useForm({ resolver: yupResolver(loginSchema), defaultValues: { email: cookies.remember_me_email || '', password: '', }, }); console.log(errors); const onSubmit: SubmitHandler = async ({ email, password }) => { console.log('Form Submitted with:', { email, password }); setLoading(true); try { const res = await login({ email, password }).unwrap(); console.log('API Response:', res); if (res.success) { if (rememberMe) { console.log('Setting Remember Me Cookie'); setCookie('remember_me_email', email); } else { console.log('Removing Remember Me Cookie'); removeCookie('remember_me_email'); } const response = await signIn("credentials", { accessToken: "", user: JSON.stringify({ ...res?.data }), redirect: false, // Prevent NextAuth from overriding navigation }); console.log('signIn Response:', response); if (response?.error) { throw new Error(response.error); } toast.success('Login successful!'); router.push('/user'); } else { toast.error(res.error.message || 'Server Error'); setLoading(false); } } catch (err: any) { console.error('Login Error:', err); if (err?.error?.message === 'Verify your account first!' && err?.status === 401) { toast.error(err?.error?.message || 'Failed to login'); setLoading(false); removeCookie('user_email'); setCookie('user_email', email); router.push('/auth/otp?s=not_verified'); } else { setLoading(false); errorHandler(err) } } }; return ( <> User Login | Deliver X

Login

Please enter your email and password

{/* Email Field */} Email address } type="email" placeholder="Enter email" register={register('email')} error={errors.email?.message} /> {/* Password Field */} Password } iconRight={ eye icon

} type="password" placeholder="Enter password" register={register('password')} error={errors.email?.message} /> {/* Remember Me + Forgot Password */}

setRememberMe(checked)} />

Forgot Password?

{/* Login Button */}

{/* Footer */}

Don’t have an account?

); }; export default User;