diff --git a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx index 97426eb70..a79f8dbb5 100644 --- a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx +++ b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx @@ -4,6 +4,7 @@ import { Chip, Codeline, Divider, + FillLevelProvider, FormField, Input, ListBoxItem, @@ -189,202 +190,209 @@ function EditPluralOIDCClient({ provider?.clientSecret ?? data?.createOidcProvider?.clientSecret return ( -
+
- - - {clientId} - - - - - {clientSecret} - - - {!data && ( - <> - - - setName(value)} - /> - - - setDescription(value)} - /> - - !!user) - .map(({ user }) => user?.email)} - fetcher={fetchUsers} - add={(user) => setBindings([...bindings, { user }])} - remove={(email) => - setBindings( - bindings.filter(({ user }) => !user || user.email !== email) - ) +
+ + - !!group) - .map(({ group: { name } }) => name)} - fetcher={fetchGroups} - add={(group) => setBindings([...bindings, { group }])} - remove={(name) => - setBindings( - bindings.filter(({ group }) => !group || group.name !== name) - ) + > + {clientId} + + + + - - setDescription(value)} /> - - - -
+ !!user) + .map(({ user }) => user?.email)} + fetcher={fetchUsers} + add={(user) => setBindings([...bindings, { user }])} + remove={(email) => + setBindings( + bindings.filter(({ user }) => !user || user.email !== email) + ) + } + /> + !!group) + .map(({ group: { name } }) => name)} + fetcher={fetchGroups} + add={(group) => setBindings([...bindings, { group }])} + remove={(name) => + setBindings( + bindings.filter( + ({ group }) => !group || group.name !== name + ) + ) + } + /> + -
- setUrl(value)} + + +
- {redirectUris.map((url, i) => ( - removeUrl(url)} +
+ setUrl(value)} + /> + +
+
+ {redirectUris.map((url, i) => ( + removeUrl(url)} + fillLevel={2} + > + {url} + + ))} +
-
-
- + + + )} +
+ {createError && ( + )} -
- {createError && ( - - )} - {updateError && ( - - )} -
- {!data ? ( - <> - -
- - - ) : ( - + {updateError && ( + )} +
+ {!data ? ( + <> + +
+ + + ) : ( + + )} +
-
+ ) }