page login
This commit is contained in:
parent
b8d75d436b
commit
ca49939a66
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user