diff --git a/src/pages/Login/components/loginform/loginForm.jsx b/src/pages/Login/components/loginform/loginForm.jsx index b4b3338..4ed7821 100644 --- a/src/pages/Login/components/loginform/loginForm.jsx +++ b/src/pages/Login/components/loginform/loginForm.jsx @@ -1,4 +1,4 @@ -import { useState, useContext } from "react"; +import {useState, useContext, useEffect} from "react"; import styles from "./loginForm.module.css"; import Button from "../../../../components/ui/button/button.tsx"; import Input from "../../../../components/ui/input/input.tsx"; @@ -16,12 +16,25 @@ function LoginForm({ className }) { const [password, setPassword] = useState(''); const [open , setOpen] = useState(false); - async function handleSubmit() { + + const handleSubmit = async () => { const res = await login(email, password); if (res.status === 401 || res.status === 422) setOpen(true); else navigate("/"); + }; - } + useEffect(() => { + const listener = (e) => { + if (e.key === "Enter") { + handleSubmit(); + } + }; + window.addEventListener("keydown", listener); + + return () => { + window.removeEventListener("keydown", listener); + }; + },); return (