36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
/* Copyright (C) 2024 Manuel Bustillo*/
|
|
|
|
'use client';
|
|
|
|
import { FloatLabel } from 'primereact/floatlabel';
|
|
import { InputText } from 'primereact/inputtext';
|
|
import { login } from '../../api/authentication';
|
|
import { useState } from 'react';
|
|
import { classNames } from './button';
|
|
import { useRouter } from 'next/navigation'
|
|
|
|
export default function LoginForm() {
|
|
const [email, setEmail] = useState("");
|
|
const [password, setPassword] = useState("");
|
|
|
|
const router = useRouter()
|
|
|
|
return (
|
|
<div className="card flex justify-evenly py-5">
|
|
<FloatLabel>
|
|
<InputText id="email" type="email" className='rounded-sm' onChange={(e) => setEmail(e.target.value)} />
|
|
<label htmlFor="email">Email</label>
|
|
</FloatLabel>
|
|
<FloatLabel>
|
|
<InputText id="password" type="password" className='rounded-sm' onChange={(e) => setPassword(e.target.value)} />
|
|
<label htmlFor="password">Password</label>
|
|
</FloatLabel>
|
|
<button
|
|
className={classNames('primary')}
|
|
disabled={email.length == 0 || password.length == 0}
|
|
onClick={() => login({ email: email, password: password, onLogin: () => router.push('/dashboard') })}>
|
|
Sign in
|
|
</button>
|
|
</div>
|
|
)
|
|
} |