diff --git a/src/components/Signin.tsx b/src/components/Signin.tsx index 612e67a56..25cc8ffe9 100644 --- a/src/components/Signin.tsx +++ b/src/components/Signin.tsx @@ -36,12 +36,15 @@ const Signin = () => { setIsPasswordVisible((prevState: any) => !prevState); } const router = useRouter(); - const email = useRef(''); - const password = useRef(''); + // const email = useRef(''); + // const password = useRef(''); + const [email, setEmail] = useState(''); + const [password, setPassword] = useState(''); const handleEmailChange = (e: React.ChangeEvent) => { const value = e.target.value; - email.current = value; + // email.current = value.trim(); + setEmail(value); setFocusedIndex(0); setRequiredError((prevState) => ({ @@ -86,9 +89,9 @@ const Signin = () => { }; const handleSuggestionClick = (domain: string) => { - const [username] = email.current.split('@'); + const [username] = email.split('@'); const newEmail = `${username}@${domain}`; - email.current = newEmail; + setEmail(newEmail); passwordRef.current?.focus(); setSuggestedDomains([]); }; @@ -114,21 +117,21 @@ const Signin = () => { e.preventDefault(); } - if (!email.current || !password.current) { + if (!email || !password) { setRequiredError({ - emailReq: email.current ? false : true, - passReq: password.current ? false : true, + emailReq: email ? false : true, + passReq: password ? false : true, }); toast.dismiss(loadId); return; } setCheckingPassword(true); const res = await signIn('credentials', { - username: email.current, - password: password.current, + username: email.trim(), + password: password, redirect: false, }); - + console.log('SignIn Response:', res); toast.dismiss(loadId); if (!res?.error) { router.push('/'); @@ -199,12 +202,12 @@ const Signin = () => { name="email" id="email" placeholder="name@email.com" - value={email.current} + value={email} onChange={handleEmailChange} onKeyDown={handleKeyDown} onBlur={() => setSuggestedDomains([])} // Hide suggestions on blur /> - {email.current && suggestedDomains.length > 0 && ( + {email && suggestedDomains.length > 0 && (