umami/components/pages/settings/users/UserDeleteForm.js

40 lines
1.1 KiB
JavaScript
Raw Normal View History

import { useMutation } from '@tanstack/react-query';
2022-12-28 05:20:44 +01:00
import useApi from 'hooks/useApi';
2023-01-24 00:32:35 +01:00
import { Button, Form, FormButtons, SubmitButton } from 'react-basics';
import { useIntl, FormattedMessage } from 'react-intl';
2023-01-25 16:42:46 +01:00
import { labels, messages } from 'components/messages';
2023-01-25 16:42:46 +01:00
export default function UserDeleteForm({ userId, username, onSave, onClose }) {
2023-01-24 00:32:35 +01:00
const { formatMessage } = useIntl();
const { del } = useApi();
2023-01-25 16:42:46 +01:00
const { mutate, error, isLoading } = useMutation(() => del(`/users/${userId}`));
const handleSubmit = async data => {
mutate(data, {
onSuccess: async () => {
onSave();
2023-01-25 16:42:46 +01:00
onClose();
},
});
};
return (
2023-01-10 08:59:26 +01:00
<Form onSubmit={handleSubmit} error={error}>
<p>
<FormattedMessage
{...messages.deleteUserWarning}
values={{ username: <b>{username}</b> }}
/>
</p>
<FormButtons flex>
<SubmitButton variant="danger" disabled={isLoading}>
2023-01-25 16:42:46 +01:00
{formatMessage(labels.delete)}
</SubmitButton>
2023-01-10 08:59:26 +01:00
<Button disabled={isLoading} onClick={onClose}>
2023-01-24 00:32:35 +01:00
{formatMessage(labels.cancel)}
</Button>
</FormButtons>
</Form>
);
}