+ {(isTreAdmin && config.userManagementEnabled) &&
+
{
/>
{
selectedUserRole &&
- {
{state.apiError && }
- { !loadingUsers &&
-
+ {!loadingUsers &&
+
-}
+ }
{
- loadingUsers &&
-
-
-
-
- }
+ loadingUsers &&
+
+
+
+
+ }
+
} />
>
diff --git a/ui/app/src/components/workspaces/WorkspaceUsersAssignNew.tsx b/ui/app/src/components/workspaces/WorkspaceUsersAssignNew.tsx
index 86979ba08..9f0f2c48c 100644
--- a/ui/app/src/components/workspaces/WorkspaceUsersAssignNew.tsx
+++ b/ui/app/src/components/workspaces/WorkspaceUsersAssignNew.tsx
@@ -18,12 +18,13 @@ interface WorkspaceUsersAssignProps {
}
interface AssignableUser {
- name: string;
- email: string;
+ displayName: string;
+ userPrincipalName: string;
+ id: string;
}
interface WorkspaceRole {
- value: string;
+ id: string;
displayName: string;
}
@@ -59,8 +60,9 @@ export const WorkSpaceUsersAssignNew: React.FunctionComponent ({
- text: assignableUser.name,
- secondaryText: assignableUser.email
+ text: assignableUser.displayName,
+ secondaryText: assignableUser.userPrincipalName,
+ key: assignableUser.id
}));
return options;
@@ -73,7 +75,7 @@ export const WorkSpaceUsersAssignNew: React.FunctionComponent {
if (items && items.length > 0) {
- setSelectedUser(items[0].secondaryText as string);
+ setSelectedUser(items[0].key as string);
}
else {
setSelectedUser(null);
@@ -99,7 +101,7 @@ export const WorkSpaceUsersAssignNew: React.FunctionComponent ({
- key: workspaceRole.value,
+ key: workspaceRole.id,
text: workspaceRole.displayName
}));
@@ -122,7 +124,7 @@ export const WorkSpaceUsersAssignNew: React.FunctionComponent