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,
+    },
+  });
+}