50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
import React, { useState } from 'react'
|
|
import {AiOutlineEyeInvisible, AiOutlineEye} from 'react-icons/ai';
|
|
import Image from 'next/image';
|
|
import Link from 'next/link';
|
|
import { useRouter } from 'next/router'
|
|
import { LoginView} from '../styles/layouts/Login/LoginView';
|
|
|
|
|
|
export default function Home() {
|
|
|
|
const [state, setstate]=useState(false);
|
|
const toggleBtn = ()=> {
|
|
setstate(prevState => !prevState);
|
|
}
|
|
const router = useRouter()
|
|
const rota = router.pathname
|
|
|
|
return (
|
|
<LoginView auth={rota} >
|
|
<Image src='/assets/marca1.svg' width={500} height={600}/>
|
|
<section className="container">
|
|
<h1>Bem-Vindo</h1>
|
|
<h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
|
|
|
|
<input type="text" placeholder='Login'/>
|
|
<input className="password-field" type={state?"text":"password"} placeholder= "Senha" />
|
|
<button className='btnInput' onClick={toggleBtn}>
|
|
{state ? <AiOutlineEyeInvisible /> :
|
|
<AiOutlineEye />
|
|
}
|
|
</button>
|
|
<span>Esqueceu a senha ?</span>
|
|
<Link href='/dashboard' >
|
|
<button className='button'>ENTRAR</button>
|
|
</Link>
|
|
|
|
<fieldset>
|
|
<legend>Ou</legend>
|
|
</fieldset>
|
|
|
|
<p>+55(41) 3012-5900
|
|
<br /> www.energiasmart.com.br</p>
|
|
|
|
</section>
|
|
</LoginView>
|
|
)
|
|
}
|
|
|
|
|