diff --git a/src/components/Auth/LoginForm.jsx b/src/components/Auth/LoginForm.jsx index 7f37850..9180174 100644 --- a/src/components/Auth/LoginForm.jsx +++ b/src/components/Auth/LoginForm.jsx @@ -16,7 +16,7 @@ import '@/css/LoginForm.css'; const LoginForm = () => { const PHRASES = ["U got the wrong house fool!", "¿Te conozco?", "Hola :3", "¿Quién chota sos?🧐", "Identifícate", "Arto ahí ¿quién ere?"]; - const { login, error } = useContext(AuthContext); + const { login, error, clearError } = useContext(AuthContext); const [randomPhrase, setRandomPhrase] = useState(""); const navigate = useNavigate(); @@ -33,6 +33,8 @@ const LoginForm = () => { const handleChange = (e) => { const { name, value } = e.target; setFormState((prev) => ({ ...prev, [name]: value })); + + if (error) clearError(); }; const handleSubmit = async (e) => { diff --git a/src/components/Auth/RegisterForm.jsx b/src/components/Auth/RegisterForm.jsx index b454300..6c99002 100644 --- a/src/components/Auth/RegisterForm.jsx +++ b/src/components/Auth/RegisterForm.jsx @@ -1,6 +1,6 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faUser } from '@fortawesome/free-solid-svg-icons'; -import { Form, Button, Alert, FloatingLabel} from 'react-bootstrap'; +import { faAt, faIdCard, faUser } from '@fortawesome/free-solid-svg-icons'; +import { Form, Button, Alert, FloatingLabel } from 'react-bootstrap'; import PasswordInput from './PasswordInput.jsx'; import { useContext, useState } from "react"; @@ -13,28 +13,38 @@ import ContentWrapper from '@/components/ContentWrapper.jsx'; import '@/css/LoginForm.css'; const RegisterForm = () => { - const { register, error } = useContext(AuthContext); + const { register, error, clearError } = useContext(AuthContext); const navigate = useNavigate(); const [formState, setFormState] = useState({ + displayName: "", username: "", + email: "", password: "" }); const handleChange = (e) => { const { name, value } = e.target; - setFormState((prev) => ({ ...prev, [name]: value })); + + setFormState((prev) => ({ + ...prev, + [name]: name === "displayName" ? value.toUpperCase() : value + })); + + if (error) clearError(); }; const handleSubmit = async (e) => { e.preventDefault(); - + const registerBody = { + displayName: formState.displayName ? formState.displayName.toUpperCase() : "", username: formState.username, + email: formState.email, password: formState.password, serviceId: 0 }; - + try { await register(registerBody); navigate("/"); @@ -50,6 +60,26 @@ const RegisterForm = () => {