[next] Moderate (#2118)

* fix: load .env before building / watching * feat: Implement AppBar, Brand, and SubBar * feat: add card ui component * feat: add modqueue components * feat: implement modqueue * feat: add translations * test: add unit tests * feat: single comment view * test: feature / integration tests for modqueue * test: fix remaining tests * feature: support TextMatchOptions * fix: remove body count marker * fix: remove accidently added package * feat: testHelper toJSON * chore: cleanup + comments * chore: better types * test: fix test * chore: refactor decision history test * chore: tiny fix * fix: adjust to recent server changes * fix: marking suspect and banned words * feat: added moderation queue edge to accept/reject comment payloads - Simplified moderationQueue returns - Simplified resolvers * feat: update counts * feat: added id's to moderation queue and settings * fix+test: test count changes, apply fix * chore: adapt to server change, and remove custom mutation handlers * fix: use common utils * fix: purify fix, babel fix * fix: workaround css treeshake issue and upgrade css plugins * fix: fixed snapshot * fix: support empty word lists * feat: separate client config
2026-08-03 13:20:59 +08:00 · 2018-12-18 18:00:39 +00:00
parent 90e67ca479
commit 1fc49f8e50
316 changed files with 11587 additions and 3005 deletions
@@ -0,0 +1,81 @@
+import { graphql } from "react-relay";
+import { ConnectionHandler, Environment } from "relay-runtime";
+
+import {
+  commitMutationPromiseNormalized,
+  createMutationContainer,
+} from "talk-framework/lib/relay";
+import { Omit } from "talk-framework/types";
+
+import { RejectCommentMutation as MutationTypes } from "talk-admin/__generated__/RejectCommentMutation.graphql";
+import { getQueueConnection } from "talk-admin/helpers";
+
+export type RejectCommentInput = Omit<
+  MutationTypes["variables"]["input"],
+  "clientMutationId"
+>;
+
+const mutation = graphql`
+  mutation RejectCommentMutation($input: RejectCommentInput!) {
+    rejectComment(input: $input) {
+      comment {
+        id
+        status
+      }
+      moderationQueues {
+        unmoderated {
+          count
+        }
+        reported {
+          count
+        }
+        pending {
+          count
+        }
+      }
+      clientMutationId
+    }
+  }
+`;
+
+let clientMutationId = 0;
+
+function commit(environment: Environment, input: RejectCommentInput) {
+  return commitMutationPromiseNormalized<MutationTypes>(environment, {
+    mutation,
+    variables: {
+      input: {
+        ...input,
+        clientMutationId: clientMutationId.toString(),
+      },
+    },
+    optimisticResponse: {
+      rejectComment: {
+        comment: {
+          id: input.commentID,
+          status: "REJECTED",
+        },
+        clientMutationId: (clientMutationId++).toString(),
+      },
+    } as any, // TODO: (cvle) generated types should contain one for the optimistic response.
+    updater: store => {
+      const connections = [
+        getQueueConnection("reported", store),
+        getQueueConnection("pending", store),
+        getQueueConnection("unmoderated", store),
+      ].filter(c => c);
+      connections.forEach(con =>
+        ConnectionHandler.deleteNode(con, input.commentID)
+      );
+    },
+  });
+}
+
+export const withRejectCommentMutation = createMutationContainer(
+  "rejectComment",
+  commit
+);
+
+export type RejectCommentMutation = (
+  input: RejectCommentInput
+) => Promise<MutationTypes["response"]["rejectComment"]>;