mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-28 08:47:50 +02:00
51 lines
1.3 KiB
TypeScript
51 lines
1.3 KiB
TypeScript
import {
|
|
Form,
|
|
FormRow,
|
|
FormInput,
|
|
FormButtons,
|
|
TextField,
|
|
Button,
|
|
SubmitButton,
|
|
} from 'react-basics';
|
|
import { setValue } from 'store/cache';
|
|
import useApi from 'components/hooks/useApi';
|
|
import useMessages from 'components/hooks/useMessages';
|
|
|
|
export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose: () => void }) {
|
|
const { formatMessage, labels } = useMessages();
|
|
const { post, useMutation } = useApi();
|
|
const { mutate, error, isPending } = useMutation({
|
|
mutationFn: (data: any) => post('/teams', data),
|
|
});
|
|
|
|
const handleSubmit = async data => {
|
|
mutate(data, {
|
|
onSuccess: async () => {
|
|
setValue('teams', Date.now());
|
|
onSave?.();
|
|
onClose?.();
|
|
},
|
|
});
|
|
};
|
|
|
|
return (
|
|
<Form onSubmit={handleSubmit} error={error}>
|
|
<FormRow label={formatMessage(labels.name)}>
|
|
<FormInput name="name" rules={{ required: formatMessage(labels.required) }}>
|
|
<TextField autoComplete="off" />
|
|
</FormInput>
|
|
</FormRow>
|
|
<FormButtons flex>
|
|
<SubmitButton variant="primary" disabled={isPending}>
|
|
{formatMessage(labels.save)}
|
|
</SubmitButton>
|
|
<Button disabled={isPending} onClick={onClose}>
|
|
{formatMessage(labels.cancel)}
|
|
</Button>
|
|
</FormButtons>
|
|
</Form>
|
|
);
|
|
}
|
|
|
|
export default TeamAddForm;
|