Site moderator promotions (#3190)

* allow site moderators to promote other site moderators * add todo * allow modifying roles and scopes in one mutation * Complete the existing site moderator role management - Site moderators can promote new site moderators - Org mods can promote/demote commenters, staff, site mods - Admins can do anything they want CORL-1364 * Make it so user's can't reassign their own roles CORL-1364 * User GQLUSER_ROLE_RL generated types for roles CORL-1364 * Clean up guard clauses and auth directives CORL-1364 * Simplify viewer dependencies in UserRoleChange CORL-1364 * fix: changes to promote/demote flow * fix: revert changes to perm * fix: revert changes to updateRole * fix: revert changes to updateUserModerationScopes Co-authored-by: nick-funk <[email protected]> Co-authored-by: Wyatt Johnson <[email protected]> Co-authored-by: Wyatt Johnson <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
coralproject · Oct 23, 2020 · 81bb55f · 81bb55f
1 parent 75ff141
commit 81bb55f
Show file tree

Hide file tree

Showing 13 changed files with 768 additions and 31 deletions.
diff --git a/src/core/client/admin/components/UserRole/DemoteUserMutation.ts b/src/core/client/admin/components/UserRole/DemoteUserMutation.ts
@@ -0,0 +1,45 @@
+import { graphql } from "react-relay";
+import { Environment } from "relay-runtime";
+
+import {
+  commitMutationPromiseNormalized,
+  createMutation,
+  MutationInput,
+} from "coral-framework/lib/relay";
+
+import { DemoteUserMutation as MutationTypes } from "coral-admin/__generated__/DemoteUserMutation.graphql";
+
+let clientMutationId = 0;
+
+const DemoteUserMutation = createMutation(
+  "demoteUser",
+  (environment: Environment, input: MutationInput<MutationTypes>) =>
+    commitMutationPromiseNormalized<MutationTypes>(environment, {
+      mutation: graphql`
+        mutation DemoteUserMutation($input: DemoteUserInput!) {
+          demoteUser(input: $input) {
+            user {
+              id
+              role
+              moderationScopes {
+                scoped
+                sites {
+                  id
+                  name
+                }
+              }
+            }
+            clientMutationId
+          }
+        }
+      `,
+      variables: {
+        input: {
+          ...input,
+          clientMutationId: (clientMutationId++).toString(),
+        },
+      },
+    })
+);
+
+export default DemoteUserMutation;
diff --git a/src/core/client/admin/components/UserRole/PromoteUserMutation.ts b/src/core/client/admin/components/UserRole/PromoteUserMutation.ts
@@ -0,0 +1,45 @@
+import { graphql } from "react-relay";
+import { Environment } from "relay-runtime";
+
+import {
+  commitMutationPromiseNormalized,
+  createMutation,
+  MutationInput,
+} from "coral-framework/lib/relay";
+
+import { PromoteUserMutation as MutationTypes } from "coral-admin/__generated__/PromoteUserMutation.graphql";
+
+let clientMutationId = 0;
+
+const PromoteUserMutation = createMutation(
+  "promoteUser",
+  (environment: Environment, input: MutationInput<MutationTypes>) =>
+    commitMutationPromiseNormalized<MutationTypes>(environment, {
+      mutation: graphql`
+        mutation PromoteUserMutation($input: PromoteUserInput!) {
+          promoteUser(input: $input) {
+            user {
+              id
+              role
+              moderationScopes {
+                scoped
+                sites {
+                  id
+                  name
+                }
+              }
+            }
+            clientMutationId
+          }
+        }
+      `,
+      variables: {
+        input: {
+          ...input,
+          clientMutationId: (clientMutationId++).toString(),
+        },
+      },
+    })
+);
+
+export default PromoteUserMutation;
diff --git a/src/core/client/admin/components/UserRole/SiteModeratorActions.css b/src/core/client/admin/components/UserRole/SiteModeratorActions.css
@@ -0,0 +1,10 @@
+.button {
+  width: 100%;
+  justify-content: space-between;
+  padding: 0;
+}
+
+.modal {
+  max-width: 500px;
+  padding: var(--spacing-2) var(--spacing-3) var(--spacing-3) var(--spacing-3);
+}