Commit 1068e875 authored by Omar Luna Hernández's avatar Omar Luna Hernández
Browse files

Se modifica el archivo para incorporar el uso del hook de inicio de sesión

parent 9487d853

web/src/pages/login_page/login_page.tsx

+50 −43
Original line number Diff line number Diff line
@@ -2,6 +2,7 @@ import { usePasswoordVisibility } from "../../hooks/usePasswordVisibility" 
import "./styles/styles.css"

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import { faEye , faEyeSlash} from "@fortawesome/free-solid-svg-icons";

import { useLogin } from "../../hooks/useLogin";



export const LoginPage = () => {

  const {
@@ -10,6 +11,12 @@ export const LoginPage = () => { 
    handleMouseDownPassword,

  } = usePasswoordVisibility();



  const {

    register, 

    handleSubmit, 

    errors, 

    onSubmit

  } = useLogin();



  return (

    <div className="login-page-root">
@@ -17,10 +24,11 @@ export const LoginPage = () => { 
        <div className="title">

          Inicia sesión

        </div>

                <form>

        <form onSubmit={handleSubmit(onSubmit)}>

          <div className="login-form-field">

            <input

              type="email" 

              {...register('email')}

              required placeholder=""/>

            <label>Email</label>

          </div>
@@ -31,6 +39,7 @@ export const LoginPage = () => { 
                  ? "text"

                  : "password"

              }

              {...register('password')}

              required 

              

            />
@@ -41,7 +50,6 @@ export const LoginPage = () => { 
              icon={values.showPassword ? faEye : faEyeSlash}

            />

          </div>



          <div className="login-form-button">

            <input type="submit" value="Entrar"/>

          </div>
@@ -49,5 +57,4 @@ export const LoginPage = () => { 
      </div>

    </div>

  )     

        

}
 
 No newline at end of file