52 lines
1.4 KiB
TypeScript
Executable File
52 lines
1.4 KiB
TypeScript
Executable File
import {BackendResponse} from '@common/http/backend-response/backend-response';
|
|
import {useMutation, useQueryClient} from '@tanstack/react-query';
|
|
import {toast} from '@common/ui/toast/toast';
|
|
import {message} from '@common/i18n/message';
|
|
import {apiClient} from '@common/http/query-client';
|
|
import {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';
|
|
import {Commentable} from '@common/comments/commentable';
|
|
import {Comment} from '@common/comments/comment';
|
|
|
|
interface Response extends BackendResponse {
|
|
//
|
|
}
|
|
|
|
export interface CreateCommentPayload {
|
|
commentable: Commentable;
|
|
content: string;
|
|
inReplyTo?: Comment;
|
|
}
|
|
|
|
export function useCreateComment() {
|
|
const queryClient = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: (props: CreateCommentPayload) => createComment(props),
|
|
onSuccess: async (response, props) => {
|
|
await queryClient.invalidateQueries({
|
|
queryKey: [
|
|
'comment',
|
|
`${props.commentable.id}-${props.commentable.model_type}`,
|
|
],
|
|
});
|
|
toast(message('Comment posted'));
|
|
},
|
|
onError: err => showHttpErrorToast(err),
|
|
});
|
|
}
|
|
|
|
function createComment({
|
|
commentable,
|
|
content,
|
|
inReplyTo,
|
|
...other
|
|
}: CreateCommentPayload): Promise<Response> {
|
|
const payload = {
|
|
commentable_id: commentable.id,
|
|
commentable_type: commentable.model_type,
|
|
content,
|
|
inReplyTo,
|
|
...other,
|
|
};
|
|
return apiClient.post('comment', payload).then(r => r.data);
|
|
}
|