import { Dropdown, Item, Form, FormRow, FormButtons, FormInput, TextField, SubmitButton, PasswordField, } from 'react-basics'; import useApi from 'hooks/useApi'; import { ROLES } from 'lib/constants'; import useMessages from 'hooks/useMessages'; export default function UserEditForm({ userId, data, onSave }) { const { formatMessage, labels, messages } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error } = useMutation(({ username, password, role }) => post(`/users/${userId}`, { username, password, role }), ); const handleSubmit = async data => { mutate(data, { onSuccess: async () => { onSave(data); }, }); }; const renderValue = value => { if (value === ROLES.user) { return formatMessage(labels.user); } if (value === ROLES.admin) { return formatMessage(labels.admin); } }; return (
{formatMessage(labels.user)} {formatMessage(labels.admin)} {formatMessage(labels.save)}
); }