page login

This commit is contained in:
Alex Santos 2022-05-10 15:29:34 -03:00
parent b8d75d436b
commit ca49939a66

View File

@ -1,29 +1,17 @@
import React, { useState, useEffect } from 'react' import React, { useState } from 'react'
import {AiOutlineEyeInvisible, AiOutlineEye} from 'react-icons/ai'; import {AiOutlineEyeInvisible, AiOutlineEye} from 'react-icons/ai';
import Image from 'next/image'; import Image from 'next/image';
import Link from 'next/link'; import Link from 'next/link';
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import { LoginView} from '../styles/layouts/Login/LoginView';
export default function Home() {
import { LoginView} from '../styles/layouts/login/LoginView';
import { truncateSync } from 'fs';
interface HomeInterface {
auth: any
}
export default function Home({ auth }: HomeInterface) {
const [state, setstate]=useState(false); const [state, setstate]=useState(false);
const toggleBtn = ()=> { const toggleBtn = ()=> {
setstate(prevState => !prevState); setstate(prevState => !prevState);
} }
const router = useRouter() const router = useRouter()
const rota = router.pathname const rota = router.pathname
@ -33,15 +21,14 @@ export default function Home({ auth }: HomeInterface) {
<section className="container"> <section className="container">
<h1>Bem-Vindo</h1> <h1>Bem-Vindo</h1>
<h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2> <h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
<input type="text" placeholder='Login'/>
<input type="text" placeholder='Login'/>
<input className="password-field" type={state?"text":"password"} placeholder= "Senha" /> <input className="password-field" type={state?"text":"password"} placeholder= "Senha" />
<button className='btnInput' onClick={toggleBtn}> <button className='btnInput' onClick={toggleBtn}>
{state ? <AiOutlineEyeInvisible /> : {state ? <AiOutlineEyeInvisible /> :
<AiOutlineEye /> <AiOutlineEye />
} }
</button> </button>
<span>Esqueceu a senha ?</span> <span>Esqueceu a senha ?</span>
<Link href='/dashboard' > <Link href='/dashboard' >
<button className='button'>ENTRAR</button> <button className='button'>ENTRAR</button>