40 lines
1.3 KiB
TypeScript
Executable File
40 lines
1.3 KiB
TypeScript
Executable File
import {useMutation} from '@tanstack/react-query';
|
|
import {UseFormReturn} from 'react-hook-form';
|
|
import {User} from '@common/auth/user';
|
|
import {BackendResponse} from '@common/http/backend-response/backend-response';
|
|
import {toast} from '@common/ui/toast/toast';
|
|
import {apiClient, queryClient} from '@common/http/query-client';
|
|
import {onFormQueryError} from '@common/errors/on-form-query-error';
|
|
import {message} from '@common/i18n/message';
|
|
import {useNavigate} from '@common/utils/hooks/use-navigate';
|
|
|
|
interface Response extends BackendResponse {
|
|
user: User;
|
|
}
|
|
|
|
export interface UpdateUserPayload
|
|
extends Omit<Partial<User>, 'email_verified_at'> {
|
|
email_verified_at?: boolean;
|
|
id: number;
|
|
}
|
|
|
|
export function useUpdateUser(form: UseFormReturn<UpdateUserPayload>) {
|
|
const navigate = useNavigate();
|
|
return useMutation({
|
|
mutationFn: (props: UpdateUserPayload) => updateUser(props),
|
|
onSuccess: (response, props) => {
|
|
toast(message('User updated'));
|
|
queryClient.invalidateQueries({queryKey: ['users']});
|
|
navigate('/admin/users');
|
|
},
|
|
onError: r => onFormQueryError(r, form),
|
|
});
|
|
}
|
|
|
|
function updateUser({id, ...other}: UpdateUserPayload): Promise<Response> {
|
|
if (other.roles) {
|
|
other.roles = other.roles.map(r => r.id) as any;
|
|
}
|
|
return apiClient.put(`users/${id}`, other).then(r => r.data);
|
|
}
|