diff --git a/frontend/src/components/deployment/tabs/config/Owners.tsx b/frontend/src/components/deployment/tabs/config/Owners.tsx index b3cdfdf29..a8af26ca6 100644 --- a/frontend/src/components/deployment/tabs/config/Owners.tsx +++ b/frontend/src/components/deployment/tabs/config/Owners.tsx @@ -43,7 +43,7 @@ const Owners: Component<{}> = (p) => { client.list_users().then(setUsers); }); const getUser = (user_id: string) => - users().find((u) => getId(u) === user_id)!; + users().find((u) => getId(u) === user_id); const searchUsers = createMemo(() => users().filter( (u) => @@ -66,7 +66,7 @@ const Owners: Component<{}> = (p) => { }); onCleanup(() => unsub()); return ( - + 0}> @@ -111,52 +111,62 @@ const Owners: Component<{}> = (p) => { } menuStyle={{ width: "12rem" }} /> - + permission !== PermissionLevel.None + ) + .map(([user_id, _]) => user_id)} + > {(user_id) => { - const u = () => getUser(user_id); + const u = () => getUser(user_id)!; const permissions = () => deployment.permissions![user_id]; return ( - -
- {u().username} - {user_id === getId(user()) && " ( you )"} -
- - { - client.update_user_permissions_on_target({ - user_id, - permission: permission as PermissionLevel, - target_type: PermissionsTarget.Deployment, - target_id: params.id, - }); - }} - position="bottom right" - /> - { - client.update_user_permissions_on_target({ - user_id, - permission: PermissionLevel.None, - target_type: PermissionsTarget.Deployment, - target_id: params.id, - }); - }} - > - remove - + + +
+ {u().username} + {user_id === getId(user()) && " ( you )"} +
+ + + { + client.update_user_permissions_on_target({ + user_id, + permission: permission as PermissionLevel, + target_type: PermissionsTarget.Deployment, + target_id: params.id, + }); + }} + position="bottom center" + /> + { + client.update_user_permissions_on_target({ + user_id, + permission: PermissionLevel.None, + target_type: PermissionsTarget.Deployment, + target_id: params.id, + }); + }} + > + remove + + +
-
+
); }}