mirror of
https://github.com/kremalicious/umami.git
synced 2024-09-27 19:58:48 +02:00
35 lines
1.0 KiB
JavaScript
35 lines
1.0 KiB
JavaScript
|
import { SubmitButton, Form, FormInput, FormRow, FormButtons, TextField } from 'react-basics';
|
||
|
import { useMutation } from '@tanstack/react-query';
|
||
|
import { useRef } from 'react';
|
||
|
import { useApi } from 'next-basics';
|
||
|
import { getAuthToken } from 'lib/client';
|
||
|
|
||
|
export default function TeamEditForm({ teamId, data, onSave }) {
|
||
|
const { post } = useApi(getAuthToken());
|
||
|
const { mutate, error } = useMutation(data => post(`/teams/${teamId}`, data));
|
||
|
const ref = useRef(null);
|
||
|
|
||
|
const handleSubmit = async data => {
|
||
|
mutate(data, {
|
||
|
onSuccess: async () => {
|
||
|
ref.current.reset(data);
|
||
|
onSave(data);
|
||
|
},
|
||
|
});
|
||
|
};
|
||
|
|
||
|
return (
|
||
|
<Form ref={ref} onSubmit={handleSubmit} error={error} values={data}>
|
||
|
<FormRow label="Team ID">
|
||
|
<TextField value={teamId} readOnly allowCopy />
|
||
|
</FormRow>
|
||
|
<FormInput name="name" label="Name" rules={{ required: 'Required' }}>
|
||
|
<TextField />
|
||
|
</FormInput>
|
||
|
<FormButtons>
|
||
|
<SubmitButton variant="primary">Save</SubmitButton>
|
||
|
</FormButtons>
|
||
|
</Form>
|
||
|
);
|
||
|
}
|