import React, { useState } from 'react'; import { FormattedMessage } from 'react-intl'; import { Formik, Form, Field } from 'formik'; import { useRouter } from 'next/router'; import { post } from 'lib/web'; import Button from 'components/common/Button'; import FormLayout, { FormButtons, FormError, FormMessage, FormRow, } from 'components/layout/FormLayout'; import Icon from 'components/common/Icon'; import Logo from 'assets/logo.svg'; import styles from './LoginForm.module.css'; const validate = ({ username, password }) => { const errors = {}; if (!username) { errors.username = ; } if (!password) { errors.password = ; } return errors; }; export default function LoginForm() { const router = useRouter(); const [message, setMessage] = useState(); const handleSubmit = async ({ username, password }) => { const { ok, status, data } = await post(`${router.basePath}/api/auth/login`, { username, password, }); if (ok) { return router.push('/'); } else { setMessage( status === 401 ? ( ) : ( data ), ); } }; return ( {() => (
} size="xlarge" className={styles.icon} />

umami

{message} )}
); }