Skip to content

chore: add refresh token and error to user's external auth page #13380

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
May 28, 2024

Conversation

Emyrk
Copy link
Member

@Emyrk Emyrk commented May 28, 2024

Closes #13381

What this does

We have 2 fields, has_refresh_token and validate_error on external authentication links that are not being exposed to the UI. Multiple users have asked how to determine if refresh tokens are being returned from the IDP.

This allows more user self serve for debugging.

has_refresh_token icon

A little "refresh" icon shown as an avatar badge with tooltip if the link has a refresh token.

Screenshot from 2024-05-28 13-36-44

Validate error

Displays the error below the link. (Ignore my typo of "Refresh")

Screenshot from 2024-05-28 09-32-18

Future work

Can probably be styled better in the future.

@Emyrk Emyrk changed the title chore: add story for failed refresh error chore: add refresh token and error to user's external auth page May 28, 2024
@Emyrk Emyrk requested review from aslilac and BrunoQuaresma and removed request for aslilac May 28, 2024 16:09
@Emyrk Emyrk marked this pull request as ready for review May 28, 2024 16:09
@BrunoQuaresma
Copy link
Collaborator

I like the idea, but using the refresh icon directly on top of the provider icon does not have enough contrast so you can wrap it with a circular badge like the following image.
Circle Badge

You can look at the MUI Badge docs , and how they can be styled, and used with other elements.

As a secondary option, that does not look that good compared with the first option, you can use pills close to the action button.

Pill

@Emyrk
Copy link
Member Author

Emyrk commented May 28, 2024

Circle Badge

I really like this. The error and the refresh icon are actually not related. I'll give it a go at replicating that picture 👍

@Emyrk Emyrk merged commit 6293c33 into main May 28, 2024
28 checks passed
@Emyrk Emyrk deleted the stevenmasley/external_auth_error branch May 28, 2024 19:07
@github-actions github-actions bot locked and limited conversation to collaborators May 28, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

External auth user settings page should include the debug information validate_error and has_refresh_token
2 participants