diff --git a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx index 277e311dbf..f822a298f1 100644 --- a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx +++ b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx @@ -105,16 +105,14 @@ class ManageOrgUsers extends React.Component { history.push('/login'); }; - generateInvitationURL = user => window.location.origin + '/invitations/' + user.invitation_token + generateInvitationURL = (user) => window.location.origin + '/invitations/' + user.invitation_token; invitationLinkCopyHandler = () => { toast.info('Invitation URL copied', { hideProgressBar: true, position: 'bottom-right' }); - } - + }; render() { const { isLoading, showNewUserForm, creatingUser, users, newUser, idChangingRole, archivingUser } = this.state; - return (
@@ -128,9 +126,11 @@ class ManageOrgUsers extends React.Component {

Users & Permissions

-
this.setState({ showNewUserForm: true })}> - Invite new user -
+ {!showNewUserForm && ( +
this.setState({ showNewUserForm: true })}> + Invite new user +
+ )}
@@ -307,18 +307,21 @@ class ManageOrgUsers extends React.Component { className={`badge bg-${user.status === 'invited' ? 'warning' : 'success'} me-1 m-1`} > {user.status} - { - user.status === 'invited' && ('invitation_token' in user) ? - - - - - : - '' - } + {user.status === 'invited' && 'invitation_token' in user ? ( + + + + ) : ( + '' + )} {archivingUser === null && (