full comments system

packages/frontend/src/lib/query/hooks/index.ts

@@ -1,4 +1,5 @@
 export * from "@/lib/query/hooks/derived";
+export * from "@/lib/query/hooks/issue-comments";
 export * from "@/lib/query/hooks/issues";
 export * from "@/lib/query/hooks/organisations";
 export * from "@/lib/query/hooks/projects";

packages/frontend/src/lib/query/hooks/issue-comments.ts

@@ -0,0 +1,44 @@
+import type {
+  IssueCommentCreateRequest,
+  IssueCommentDeleteRequest,
+  IssueCommentRecord,
+  IssueCommentResponse,
+  SuccessResponse,
+} from "@sprint/shared";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { queryKeys } from "@/lib/query/keys";
+import { issueComment } from "@/lib/server";
+
+export function useIssueComments(issueId?: number | null) {
+  return useQuery<IssueCommentResponse[]>({
+    queryKey: queryKeys.issueComments.byIssue(issueId ?? 0),
+    queryFn: () => issueComment.byIssue(issueId ?? 0),
+    enabled: Boolean(issueId),
+  });
+}
+
+export function useCreateIssueComment() {
+  const queryClient = useQueryClient();
+
+  return useMutation<IssueCommentRecord, Error, IssueCommentCreateRequest>({
+    mutationKey: ["issue-comments", "create"],
+    mutationFn: issueComment.create,
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: queryKeys.issueComments.byIssue(variables.issueId),
+      });
+    },
+  });
+}
+
+export function useDeleteIssueComment() {
+  const queryClient = useQueryClient();
+
+  return useMutation<SuccessResponse, Error, IssueCommentDeleteRequest>({
+    mutationKey: ["issue-comments", "delete"],
+    mutationFn: issueComment.delete,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: queryKeys.issueComments.all });
+    },
+  });
+}

packages/frontend/src/lib/query/keys.ts

@@ -16,6 +16,10 @@ export const queryKeys = {
     statusCount: (organisationId: number, status: string) =>
       [...queryKeys.issues.all, "status-count", organisationId, status] as const,
   },
+  issueComments: {
+    all: ["issue-comments"] as const,
+    byIssue: (issueId: number) => [...queryKeys.issueComments.all, "by-issue", issueId] as const,
+  },
   sprints: {
     all: ["sprints"] as const,
     byProject: (projectId: number) => [...queryKeys.sprints.all, "by-project", projectId] as const,