2023-01-25 16:42:46 +01:00
|
|
|
import {
|
|
|
|
Form,
|
|
|
|
FormRow,
|
|
|
|
FormInput,
|
|
|
|
FormButtons,
|
|
|
|
TextField,
|
|
|
|
Button,
|
|
|
|
SubmitButton,
|
|
|
|
} from 'react-basics';
|
2023-10-08 03:55:14 +02:00
|
|
|
import { setValue } from 'store/cache';
|
2023-08-21 11:06:09 +02:00
|
|
|
import useApi from 'components/hooks/useApi';
|
|
|
|
import useMessages from 'components/hooks/useMessages';
|
2022-12-27 01:57:59 +01:00
|
|
|
|
2023-12-03 12:07:03 +01:00
|
|
|
export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose: () => void }) {
|
2023-03-22 22:05:55 +01:00
|
|
|
const { formatMessage, labels } = useMessages();
|
2023-01-10 08:59:26 +01:00
|
|
|
const { post, useMutation } = useApi();
|
2023-12-03 12:07:03 +01:00
|
|
|
const { mutate, error, isPending } = useMutation({
|
|
|
|
mutationFn: (data: any) => post('/teams', data),
|
|
|
|
});
|
2022-12-27 01:57:59 +01:00
|
|
|
|
|
|
|
const handleSubmit = async data => {
|
|
|
|
mutate(data, {
|
|
|
|
onSuccess: async () => {
|
2023-10-08 03:55:14 +02:00
|
|
|
setValue('teams', Date.now());
|
|
|
|
onSave?.();
|
|
|
|
onClose?.();
|
2022-12-27 01:57:59 +01:00
|
|
|
},
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
return (
|
2023-12-03 12:07:03 +01:00
|
|
|
<Form onSubmit={handleSubmit} error={error}>
|
2023-01-25 16:42:46 +01:00
|
|
|
<FormRow label={formatMessage(labels.name)}>
|
2023-01-28 06:53:13 +01:00
|
|
|
<FormInput name="name" rules={{ required: formatMessage(labels.required) }}>
|
2023-01-06 07:56:36 +01:00
|
|
|
<TextField autoComplete="off" />
|
|
|
|
</FormInput>
|
|
|
|
</FormRow>
|
2022-12-27 01:57:59 +01:00
|
|
|
<FormButtons flex>
|
2023-12-03 12:07:03 +01:00
|
|
|
<SubmitButton variant="primary" disabled={isPending}>
|
2023-01-25 16:42:46 +01:00
|
|
|
{formatMessage(labels.save)}
|
|
|
|
</SubmitButton>
|
2023-12-03 12:07:03 +01:00
|
|
|
<Button disabled={isPending} onClick={onClose}>
|
2023-01-25 16:42:46 +01:00
|
|
|
{formatMessage(labels.cancel)}
|
2022-12-27 01:57:59 +01:00
|
|
|
</Button>
|
|
|
|
</FormButtons>
|
|
|
|
</Form>
|
|
|
|
);
|
|
|
|
}
|
2023-04-21 17:00:42 +02:00
|
|
|
|
|
|
|
export default TeamAddForm;
|