feat: add dropdown to make user an org admin workspaces (#1771)

Author: radekkaluzik

src/smart-components/access-management/users-and-user-groups/users/UsersTable.tsx

@@ -41,8 +41,13 @@ import { PER_PAGE_OPTIONS } from '../../../../helpers/shared/pagination';
 import messages from '../../../../Messages';
 import paths from '../../../../utilities/pathnames';
 import PermissionsContext from '../../../../utilities/permissions-context';
+import OrgAdminDropdown from '../../../user/OrgAdminDropdown';
+import { useFlag } from '@unleash/proxy-client-react';
 
-const COLUMNS: string[] = ['Username', 'Email', 'First name', 'Last name', 'Status', 'Org admin'];
+const authModel = useFlag('platform.rbac.common-auth-model');
+const COLUMNS: string[] = authModel
+  ? ['Org admin', 'Username', 'Email', 'First name', 'Last name', 'Status']
+  : ['Username', 'Email', 'First name', 'Last name', 'Status', 'Org admin'];
 
 const EmptyTable: React.FunctionComponent<{ titleText: string }> = ({ titleText }) => {
   return (
@@ -210,6 +215,27 @@ const UsersTable: React.FunctionComponent<UsersTableProps> = ({ onAddUserClick,
       id: user.username,
       is_active: user.is_active,
       row: [
+        authModel && orgAdmin ? (
+          <OrgAdminDropdown
+            key={`dropdown-${user.username}`}
+            isOrgAdmin={user.is_org_admin}
+            username={user.username}
+            intl={intl}
+            userId={user.uuid}
+            fetchData={() => {
+              fetchData({
+                limit: perPage,
+                offset: (page - 1) * perPage,
+                orderBy: 'username',
+                count: totalCount || 0,
+              });
+            }}
+          />
+        ) : user.is_org_admin ? (
+          intl.formatMessage(messages['usersAndUserGroupsYes'])
+        ) : (
+          intl.formatMessage(messages['usersAndUserGroupsNo'])
+        ),
         user.username,
         user.email,
         user.first_name,
@@ -225,7 +251,8 @@ const UsersTable: React.FunctionComponent<UsersTableProps> = ({ onAddUserClick,
             labelOff={intl.formatMessage(messages['usersAndUserGroupsInactive'])}
           ></Switch>,
         ],
-        user.is_org_admin ? intl.formatMessage(messages['usersAndUserGroupsYes']) : intl.formatMessage(messages['usersAndUserGroupsNo']),
+        !authModel &&
+          (user.is_org_admin ? intl.formatMessage(messages['usersAndUserGroupsYes']) : intl.formatMessage(messages['usersAndUserGroupsNo'])),
         {
           cell: (
             <ActionsColumn