import React, { useState } from 'react'; import { FormattedMessage } from 'react-intl'; import { Formik, Form, Field } from 'formik'; import Button from 'components/common/Button'; import FormLayout, { FormButtons, FormError, FormMessage, FormRow, } from 'components/layout/FormLayout'; import useApi from 'hooks/useApi'; const initialValues = { username: '', password: '', }; const validate = ({ userId, username, password }) => { const errors = {}; if (!username) { errors.username = ; } if (!userId && !password) { errors.password = ; } return errors; }; export default function AccountEditForm({ values, onSave, onClose }) { const { post } = useApi(); const [message, setMessage] = useState(); const handleSubmit = async values => { const { userId } = values; const { ok, data } = await post(userId ? `/accounts/${userId}` : '/accounts', values); if (ok) { onSave(); } else { setMessage( data || , ); } }; return ( {() => (
{message}
)}
); }