Single selector (#5791)

* [single selector] added a new 'single selector' to replace the 'role editor'

* [sys admin - group - member] replaced the old 'role selector' with the new 'single selector'

* [sys admin - orgs] replaced the old 'role selector' with the new 'single selector'

* [sys admin, org admin] replaced different selectors with the new 'single selector' for users & orgs

* [share link perm selector] replaced it with the new 'single selector'

frontend/src/pages/org-admin/org-admin-list.js

@@ -10,6 +10,7 @@ const propTypes = {
   toggleDelete: PropTypes.func.isRequired,
   toggleRevokeAdmin: PropTypes.func.isRequired,
   orgAdminUsers: PropTypes.array.isRequired,
+  changeStatus: PropTypes.func.isRequired,
   initOrgAdmin: PropTypes.func.isRequired
 };
 
@@ -34,6 +35,10 @@ class OrgAdminList extends React.Component {
     this.setState({isItemFreezed: false});
   };
 
+  toggleItemFreezed = (isFreezed) => {
+    this.setState({ isItemFreezed: isFreezed });
+  };
+
   render() {
     let orgAdminUsers = this.props.orgAdminUsers;
 
@@ -50,17 +55,19 @@ class OrgAdminList extends React.Component {
             </tr>
           </thead>
           <tbody>
-            {orgAdminUsers.map(item => {
+            {orgAdminUsers.map((item, index) => {
               return (
                 <UserItem
-                  key={item.index}
+                  key={index}
                   user={item}
                   currentTab="admins"
                   isItemFreezed={this.state.isItemFreezed}
                   toggleDelete={this.props.toggleDelete}
                   toggleRevokeAdmin={this.props.toggleRevokeAdmin}
+                  changeStatus={this.props.changeStatus}
                   onFreezedItem={this.onFreezedItem}
                   onUnfreezedItem={this.onUnfreezedItem}
+                  toggleItemFreezed={this.toggleItemFreezed}
                 />
               );
             })}