import { Form, FormRow, FormInput, FormButtons, TextField, PasswordField, SubmitButton, Icon, } from 'react-basics'; import { useRouter } from 'next/navigation'; import { useApi, useMessages } from 'components/hooks'; import { setUser } from 'store/app'; import { setClientAuthToken } from 'lib/client'; import Logo from 'assets/logo.svg'; import styles from './LoginForm.module.css'; export function LoginForm() { const { formatMessage, labels, getMessage } = useMessages(); const router = useRouter(); const { post, useMutation } = useApi(); const { mutate, error, isPending } = useMutation({ mutationFn: (data: any) => post('/auth/login', data), }); const handleSubmit = async (data: any) => { mutate(data, { onSuccess: async ({ token, user }) => { setClientAuthToken(token); setUser(user); router.push('/dashboard'); }, }); }; return (
umami
{formatMessage(labels.login)}
); } export default LoginForm;