Skip to content

feat(Permissions > Identities): add OIDC configuration from Settings#1974

Open
kimanhou wants to merge 1 commit intocanonical:mainfrom
kimanhou:WD-34784-oidc-config
Open

feat(Permissions > Identities): add OIDC configuration from Settings#1974
kimanhou wants to merge 1 commit intocanonical:mainfrom
kimanhou:WD-34784-oidc-config

Conversation

@kimanhou
Copy link
Copy Markdown
Contributor

@kimanhou kimanhou commented Apr 27, 2026

Done

  • Permissions > Identities: Add OIDC configuration button
  • When clicking on this button, a modal appears with the oidc settings. The user can update those settings from the modal.
  • On save and error, a notification appears at the top of the modal.

QA

  1. Run the LXD-UI:
  2. Perform the following QA steps:
    • Go to Permissions > Identities page: there is a new OIDC configuration button next to "Create TLS Identity".
    • Click on the button: a modal with oidc settings should appear
    • Update a setting and save. A success notification should appear at the top of the modal.
    • Pressing Esc should close the modal

Screenshots

image image

@webteam-app
Copy link
Copy Markdown

Comment thread src/pages/permissions/PermissionIdentities.tsx Outdated
Copy link
Copy Markdown
Collaborator

@edlerd edlerd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This works technically and interaction wise very well. Some ideas to drive the design and copy a bit more and few code comments.

Comment thread src/pages/permissions/OidcConfigurationModal.tsx
Comment thread src/pages/settings/SettingForm.tsx Outdated
Comment thread src/pages/settings/SettingsRow.tsx Outdated
Comment thread src/pages/permissions/OidcConfigurationForm.tsx Outdated
Comment thread src/pages/permissions/OidcConfigurationForm.tsx
Comment thread src/pages/permissions/OidcConfigurationForm.tsx Outdated
Comment thread src/pages/permissions/OidcConfigurationBtn.tsx Outdated
@kimanhou kimanhou force-pushed the WD-34784-oidc-config branch 3 times, most recently from e8f446b to 457ab6f Compare April 28, 2026 12:33
Comment thread src/pages/permissions/SsoNotification.tsx Outdated
@kimanhou kimanhou force-pushed the WD-34784-oidc-config branch 5 times, most recently from 98fc59b to c9a714d Compare April 29, 2026 13:42
Copy link
Copy Markdown
Collaborator

@edlerd edlerd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UX seems good, many ideas to streamline and simplify below.

Comment thread src/pages/permissions/OidcConfigurationBtn.tsx Outdated
Comment thread src/pages/permissions/OidcConfigurationModal.tsx
Comment thread src/pages/permissions/OidcConfigurationModal.tsx Outdated
Comment thread src/pages/permissions/SsoNotification.tsx Outdated
Comment thread src/pages/permissions/SsoNotification.tsx Outdated
Comment thread src/pages/permissions/SsoNotification.tsx Outdated
Comment thread src/pages/permissions/OidcConfigurationForm.tsx Outdated
Comment thread src/pages/permissions/OidcConfigurationForm.tsx Outdated
Comment thread src/pages/permissions/OidcConfigurationForm.tsx Outdated
Comment thread src/sass/_permission_identities.scss Outdated
Comment on lines +1 to +7
.page-header__base-actions {
@include mobile-and-tablet {
display: flex;
gap: $sph--large;
height: fit-content;
}
}
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks like a global unscoped override. Can we namespace it? And why is it needed?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The new button sits weirdly on small screens

Before
image

After
image

I scoped it to the Permission Identities page.

@kimanhou kimanhou force-pushed the WD-34784-oidc-config branch 2 times, most recently from 8322a7a to a79fadb Compare May 1, 2026 12:33
Copy link
Copy Markdown
Collaborator

@edlerd edlerd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks this is nearly perfect. Two tiny suggestions. One is a bit bigger. Suggestion about the responsiveness of the multiple buttons in the header. See below for details.

Comment thread src/pages/permissions/OidcConfigurationForm.tsx Outdated
Comment thread src/pages/permissions/SsoNotification.tsx Outdated
Comment on lines +2 to +8
.page-header__base-actions {
@include mobile-and-tablet {
display: flex;
gap: $sph--large;
height: fit-content;
}
}
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should better reduce to an "Actions" dropdown such as on the instance detail page instead of showing the two wide buttons next to each other when the screen width decreases.

Signed-off-by: Kim Anh Nguyen <4783194+kimanhou@users.noreply.github.com>
@kimanhou kimanhou force-pushed the WD-34784-oidc-config branch from a79fadb to 93ce76f Compare May 1, 2026 16:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants