Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

page login

Browse Source
This commit is contained in:
Alex Santos 2022-05-10 15:29:34 -03:00
parent b8d75d436b
commit ca49939a66
1 changed files with 17 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/index.tsx
View File

@ -1,48 +1,35 @@
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
return ( return (
<LoginView auth={rota} > <LoginView auth={rota} >
<Image src='/assets/marca1.svg' width={500} height={600}/> <Image src='/assets/marca1.svg' width={500} height={600}/>
<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 className="password-field" type={state?"text":"password"} placeholder= "Senha" /> <input type="text" placeholder='Login'/>
<button className='btnInput' onClick={toggleBtn}> <input className="password-field" type={state?"text":"password"} placeholder= "Senha" />
{state ? <AiOutlineEyeInvisible /> : <button className='btnInput' onClick={toggleBtn}>
<AiOutlineEye /> {state ? <AiOutlineEyeInvisible /> :
} <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>
</Link> </Link>