feat: add button to remove all users from organization (#937)

Reviewed-by: @ben-pr-p

Author: bchrobot

src/api/schema.js

@@ -292,6 +292,7 @@ const rootSchema = `
     joinOrganization(organizationUuid: String!): Organization!
     editOrganizationMembership(id: String!, level: RequestAutoApprove, role: String): OrganizationMembership!
     editOrganizationSettings(id: String!, input: OrganizationSettingsInput!): OranizationSettings!
+    purgeOrganizationUsers(organizationId: String!): Int!
     editUser(organizationId: String!, userId: Int!, userData:UserInput): User
     resetUserPassword(organizationId: String!, userId: Int!): String!
     changeUserPassword(userId: Int!, formData: UserPasswordChange): User

src/containers/AdminPeople/AdminPeople.tsx

@@ -1,3 +1,4 @@
+import Button from "@material-ui/core/Button";
 import { css, StyleSheet } from "aphrodite";
 import { ApolloQueryResult } from "apollo-client";
 import gql from "graphql-tag";
@@ -99,6 +100,11 @@ export interface AdminPeopleMutations {
       resetUserPassword: string;
     }>
   >;
+  removeUsers: () => Promise<
+    ApolloQueryResult<{
+      purgeOrganizationUsers: number;
+    }>
+  >;
 }
 
 interface AdminPeopleRouteParams {
@@ -132,6 +138,9 @@ interface AdminPeopleState {
   filter: {
     nameSearch: string;
   };
+  removeUsers: {
+    open: boolean;
+  };
   password: {
     open: boolean;
     hash: string;
@@ -161,6 +170,9 @@ class AdminPeople extends React.Component<
     filter: {
       nameSearch: ""
     },
+    removeUsers: {
+      open: false
+    },
     password: {
       open: false,
       hash: ""
@@ -239,6 +251,25 @@ class AdminPeople extends React.Component<
       confirmSuperadmin: { superadminMembershipId, open: true }
     }));
 
+  handleCloseRemoveUsersDialog = () =>
+    this.setState({
+      removeUsers: { open: false }
+    });
+
+  handleConfirmRemoveUsers = async () => {
+    this.handleCloseRemoveUsersDialog();
+    try {
+      await this.props.mutations.removeUsers();
+    } catch (err) {
+      this.setState({
+        error: {
+          message: `Couldn't remove users: ${err.message}`,
+          seen: false
+        }
+      });
+    }
+  };
+
   handleResetPassword = async (userId: string) => {
     const { organizationId } = this.props.match.params;
     if (!organizationId) return;
@@ -312,6 +343,13 @@ class AdminPeople extends React.Component<
               }}
             />
           </div>
+          <Button
+            variant="contained"
+            color="primary"
+            onClick={() => this.setState({ removeUsers: { open: true } })}
+          >
+            Remove Users
+          </Button>
         </div>
 
         <PeopleTable
@@ -350,6 +388,11 @@ class AdminPeople extends React.Component<
           onClose={this.handleCloseSuperadminDialog}
           handleConfirmSuperadmin={this.handleConfirmSuperadmin}
         />
+        <Dialogs.ConfirmRemoveUsers
+          open={this.state.removeUsers.open}
+          onClose={this.handleCloseRemoveUsersDialog}
+          onConfirmRemoveUsers={this.handleConfirmRemoveUsers}
+        />
         <Snackbar
           open={this.state.error.message.length > 0 && !this.state.error.seen}
           message={this.state.error.message}
@@ -469,6 +512,19 @@ const mutations: MutationMap<AdminPeopleExtendedProps> = {
         userId
       }
     };
+  },
+  removeUsers: (ownProps) => () => {
+    return {
+      mutation: gql`
+        mutation PurgeOrganizationUsers($organizationId: String!) {
+          purgeOrganizationUsers(organizationId: $organizationId)
+        }
+      `,
+      variables: {
+        organizationId: ownProps.organizationData.organization.id
+      },
+      refetchQueries: ["getPeople"]
+    };
   }
 };
 

src/containers/AdminPeople/Dialogs.tsx

@@ -1,3 +1,4 @@
+import Button from "@material-ui/core/Button";
 import Dialog from "@material-ui/core/Dialog";
 import DialogActions from "@material-ui/core/DialogActions";
 import DialogContent from "@material-ui/core/DialogContent";
@@ -135,10 +136,45 @@ const ConfirmSuperAdmin: React.StatelessComponent<ConfirmSuperAdminProps> = ({
   </div>
 );
 
+interface ConfirmRemoveUsersProps {
+  open: boolean;
+  onClose: () => Promise<void> | void;
+  onConfirmRemoveUsers: () => Promise<void> | void;
+}
+
+const ConfirmRemoveUsers: React.FC<ConfirmRemoveUsersProps> = ({
+  open,
+  onClose,
+  onConfirmRemoveUsers
+}) => (
+  <Dialog open={open} onClose={onClose}>
+    <DialogTitle>Confirm Remove Users</DialogTitle>
+    <DialogContent>
+      This will remove all users from the organization who are not Superadmins.
+      Are you sure you would like to do this?
+    </DialogContent>
+    <DialogActions>
+      <Button {...dataTest("removeUsersCancel")} onClick={onClose}>
+        Cancel
+      </Button>
+      <Button
+        {...dataTest("removeUsersOk")}
+        onClick={onConfirmRemoveUsers}
+        variant="contained"
+        color="primary"
+        autoFocus
+      >
+        Confirm
+      </Button>
+    </DialogActions>
+  </Dialog>
+);
+
 const Dialogs = {
   InvitePerson,
   EditPerson,
   ResetPassword,
-  ConfirmSuperAdmin
+  ConfirmSuperAdmin,
+  ConfirmRemoveUsers
 };
 export default Dialogs;

src/server/api/schema.js

@@ -984,6 +984,29 @@ const rootMutations = {
       return orgMembership;
     },
 
+    purgeOrganizationUsers: async (
+      _root,
+      { organizationId },
+      { user: authUser, db }
+    ) => {
+      const orgId = parseInt(organizationId, 10);
+      await accessRequired(authUser, orgId, "OWNER", true);
+      const { rowCount } = await db.primary.raw(
+        `
+          delete
+          from user_organization uo
+          using public.user u
+          where
+            u.id = uo.user_id
+            and u.is_superadmin is not true
+            and uo.organization_id = ?
+            and uo.role <> 'OWNER'
+        `,
+        [orgId]
+      );
+      return rowCount;
+    },
+
     editOrganizationSettings: async (
       _root,
       { id, input },