first commit

common/resources/client/comments/requests/use-comments.ts

@@ -0,0 +1,30 @@
+import {Commentable} from '@common/comments/commentable';
+import {Comment} from '@common/comments/comment';
+import {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';
+
+interface QueryParams {
+  perPage?: number;
+}
+
+export function commentsQueryKey(
+  commentable: Commentable,
+  params: QueryParams = {}
+) {
+  return ['comment', `${commentable.id}-${commentable.model_type}`, params];
+}
+
+export function useComments(
+  commentable: Commentable,
+  params: QueryParams = {}
+) {
+  return useInfiniteData<Comment>({
+    queryKey: commentsQueryKey(commentable, params),
+    endpoint: 'commentable/comments',
+    //paginate: 'cursor',
+    queryParams: {
+      commentable_type: commentable.model_type,
+      commentable_id: commentable.id,
+      ...params,
+    },
+  });
+}

common/resources/client/comments/requests/use-create-comment.ts

@@ -0,0 +1,51 @@
+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);
+}

common/resources/client/comments/requests/use-delete-comments.ts

@@ -0,0 +1,32 @@
+import {useMutation} from '@tanstack/react-query';
+import {apiClient} from '@common/http/query-client';
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+import {toast} from '@common/ui/toast/toast';
+import {message} from '@common/i18n/message';
+import {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';
+
+interface Response extends BackendResponse {
+  //
+}
+
+interface Payload {
+  commentIds: number[];
+}
+
+export function useDeleteComments() {
+  return useMutation({
+    mutationFn: (payload: Payload) => deleteComments(payload),
+    onSuccess: (response, payload) => {
+      toast(
+        message('[one Comment deleted|other Deleted :count comments]', {
+          values: {count: payload.commentIds.length},
+        }),
+      );
+    },
+    onError: err => showHttpErrorToast(err),
+  });
+}
+
+function deleteComments({commentIds}: Payload): Promise<Response> {
+  return apiClient.delete(`comment/${commentIds.join(',')}`).then(r => r.data);
+}

common/resources/client/comments/requests/use-restore-comments.ts

@@ -0,0 +1,32 @@
+import {useMutation} from '@tanstack/react-query';
+import {apiClient} from '../../http/query-client';
+import {BackendResponse} from '../../http/backend-response/backend-response';
+import {toast} from '../../ui/toast/toast';
+import {message} from '../../i18n/message';
+import {showHttpErrorToast} from '../../utils/http/show-http-error-toast';
+
+interface Response extends BackendResponse {
+  //
+}
+
+interface Payload {
+  commentIds: number[];
+}
+
+export function useRestoreComments() {
+  return useMutation({
+    mutationFn: (payload: Payload) => restoreComment(payload),
+    onSuccess: (response, payload) => {
+      toast(
+        message('Restored [one 1 comment|other :count comments]', {
+          values: {count: payload.commentIds.length},
+        }),
+      );
+    },
+    onError: err => showHttpErrorToast(err),
+  });
+}
+
+function restoreComment({commentIds}: Payload): Promise<Response> {
+  return apiClient.post('comment/restore', {commentIds}).then(r => r.data);
+}

common/resources/client/comments/requests/use-update-comment.ts

@@ -0,0 +1,30 @@
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+import {useMutation} from '@tanstack/react-query';
+import {toast} from '@common/ui/toast/toast';
+import {message} from '@common/i18n/message';
+import {apiClient, queryClient} from '@common/http/query-client';
+import {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';
+
+interface Response extends BackendResponse {
+  //
+}
+
+interface Payload {
+  commentId: number;
+  content: string;
+}
+
+export function useUpdateComment() {
+  return useMutation({
+    mutationFn: (props: Payload) => updateComment(props),
+    onSuccess: () => {
+      toast(message('Comment updated'));
+      queryClient.invalidateQueries({queryKey: ['comment']});
+    },
+    onError: err => showHttpErrorToast(err),
+  });
+}
+
+function updateComment({commentId, content}: Payload): Promise<Response> {
+  return apiClient.put(`comment/${commentId}`, {content}).then(r => r.data);
+}