Merge pull request #134 from Maawan/main

fix : User token authentication issue (#124) and pressing enter on the signin page should sign the user #123
code100x · Mar 6, 2024 · 0b98937 · 0b98937
2 parents 1151506 + e7014d8
commit 0b98937
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/components/Signin.tsx b/src/components/Signin.tsx
@@ -22,9 +22,12 @@ const Signin = () => {
   const router = useRouter();
   const email = useRef('');
   const password = useRef('');
-  const handleSubmit = async (e: React.FormEvent<HTMLButtonElement>) => {
-    e.preventDefault();
 
+  const handleSubmit = async (e?: React.FormEvent<HTMLButtonElement>) => {
+    if(e){
+      e.preventDefault();
+    }
+
     if (!email.current || !password.current) {
       setRequiredError({
         emailReq: email.current ? false : true,
@@ -33,6 +36,7 @@ const Signin = () => {
       return;
     }
 
+
     const res = await signIn('credentials', {
       username: email.current,
       password: password.current,
@@ -92,7 +96,12 @@ const Signin = () => {
                     }));
                     password.current = e.target.value;
                   }}
-                />
+                  onKeyDown={async (e)=>{
+                    if(e.key === "Enter"){
+                      setIsPasswordVisible(false);
+                      handleSubmit();
+                    }}}
+                  />
                 <button
                   className="inset-y-0 right-0 flex items-center px-4 text-gray-600"
                   onClick={togglePasswordVisibility}