refactor(console): refactor token status card #7588
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
refactor token status card
simeng-li
requested review from
wangsijie,
charIeszhao,
xiaoyijun and
gao-sun
as code owners
COMPARE TO
|
| Name | Diff |
|---|---|
| packages/console/src/components/CreateConnectorForm/index.tsx | 📉 -73 Bytes |
| packages/console/src/ds-components/Button/index.module.scss | 📉 -534 Bytes |
| packages/console/src/ds-components/Button/index.tsx | 📉 -20 Bytes |
| packages/console/src/hooks/use-console-routes/routes/sign-in-experience.tsx | 📉 -2 Bytes |
| packages/console/src/pages/EnterpriseSsoDetails/Connection/OidcMetadataForm/index.tsx | 📉 -57 Bytes |
| packages/console/src/pages/Security/Blocklist/BlocklistForm/index.tsx | 0 Bytes |
| packages/console/src/pages/SignInExperience/PageContent/CollectUserProfile/index.tsx | 📉 -970 Bytes |
| packages/console/src/pages/SignInExperience/components/CreateProfileFieldModal/index.module.scss | 📉 -1.37 KB |
| packages/console/src/pages/SignInExperience/components/CreateProfileFieldModal/index.tsx | 📉 -6.3 KB |
| packages/console/src/pages/UserDetails/UserSettings/UserConnections/UserSocialIdentities.tsx | 📉 -263 Bytes |
| packages/console/src/pages/UserDetails/UserSettings/UserConnections/UserSsoIdentities.tsx | 📉 -206 Bytes |
| packages/console/src/pages/UserDetails/UserSettings/UserMfaVerifications/index.tsx | 📉 -35 Bytes |
| packages/console/src/pages/UserIdentityDetails/TokenStorage/TokenCard.tsx | 📉 -99 Bytes |
| packages/console/src/pages/UserIdentityDetails/TokenStorage/index.tsx | 📉 -254 Bytes |
| packages/core/src/libraries/custom-profile-fields/utils.ts | 📉 -31 Bytes |
| packages/core/src/libraries/sign-in-experience/email-blocklist-policy.ts | 0 Bytes |
| packages/core/src/routes/dashboard.ts | 0 Bytes |
| packages/phrases/src/locales/ar/errors/custom-profile-fields.ts | 📉 -58 Bytes |
| packages/phrases/src/locales/ar/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/ar/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/ar/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/ar/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/ar/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/de/errors/custom-profile-fields.ts | 📉 -51 Bytes |
| packages/phrases/src/locales/de/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/de/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/de/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/de/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/de/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/en/errors/custom-profile-fields.ts | 📉 -48 Bytes |
| packages/phrases/src/locales/en/translation/admin-console/profile.ts | 📉 -1.5 KB |
| packages/phrases/src/locales/en/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -642 Bytes |
| packages/phrases/src/locales/en/translation/admin-console/user-identity-details.ts | 📉 -300 Bytes |
| packages/phrases/src/locales/es/errors/custom-profile-fields.ts | 📉 -60 Bytes |
| packages/phrases/src/locales/es/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/es/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/es/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/es/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/es/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/fr/errors/custom-profile-fields.ts | 📉 -53 Bytes |
| packages/phrases/src/locales/fr/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/fr/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/fr/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/fr/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/it/errors/custom-profile-fields.ts | 📉 -59 Bytes |
| packages/phrases/src/locales/it/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/it/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/it/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/it/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/it/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/ja/errors/custom-profile-fields.ts | 📉 -61 Bytes |
| packages/phrases/src/locales/ja/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/ja/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/ja/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/ja/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/ja/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/ko/errors/custom-profile-fields.ts | 📉 -58 Bytes |
| packages/phrases/src/locales/ko/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/ko/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/ko/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/ko/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/pl-pl/errors/custom-profile-fields.ts | 📉 -50 Bytes |
| packages/phrases/src/locales/pl-pl/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/pl-pl/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/pl-pl/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/pl-pl/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/pl-pl/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/pt-br/errors/custom-profile-fields.ts | 📉 -57 Bytes |
| packages/phrases/src/locales/pt-br/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/pt-br/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/pt-br/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/pt-br/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/pt-pt/errors/custom-profile-fields.ts | 📉 -57 Bytes |
| packages/phrases/src/locales/pt-pt/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/pt-pt/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/pt-pt/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/pt-pt/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/ru/errors/custom-profile-fields.ts | 📉 -64 Bytes |
| packages/phrases/src/locales/ru/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/ru/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/ru/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/ru/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/ru/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/tr-tr/errors/custom-profile-fields.ts | 📉 -46 Bytes |
| packages/phrases/src/locales/tr-tr/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/tr-tr/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/tr-tr/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/tr-tr/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/zh-cn/errors/custom-profile-fields.ts | 📉 -52 Bytes |
| packages/phrases/src/locales/zh-cn/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/zh-cn/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/zh-cn/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/zh-cn/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/zh-hk/errors/custom-profile-fields.ts | 📉 -52 Bytes |
| packages/phrases/src/locales/zh-hk/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/zh-hk/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/zh-hk/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/zh-hk/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/zh-hk/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/phrases/src/locales/zh-tw/errors/custom-profile-fields.ts | 📉 -52 Bytes |
| packages/phrases/src/locales/zh-tw/errors/user.ts | 📉 -179 Bytes |
| packages/phrases/src/locales/zh-tw/errors/verification-record.ts | 📉 -320 Bytes |
| packages/phrases/src/locales/zh-tw/translation/admin-console/profile.ts | 📉 -1.88 KB |
| packages/phrases/src/locales/zh-tw/translation/admin-console/sign-in-exp/custom-profile-fields.ts | 📉 -407 Bytes |
| packages/phrases/src/locales/zh-tw/translation/admin-console/user-identity-details.ts | 📉 -326 Bytes |
| packages/schemas/src/types/interactions.ts | 📉 -31 Bytes |
| packages/toolkit/core-kit/src/regex.test.ts | 0 Bytes |
| packages/toolkit/core-kit/src/regex.ts | 📉 -55 Bytes |
There was a problem hiding this comment.
Pull Request Overview
This PR refactors the token status card in the admin console to improve user experience and fix display logic issues. The changes focus on updating UI text, improving token status descriptions, and replacing the refresh token card with an inline notification.
- Updates the Form card title from "Token status" to "Access token" for better clarity
- Fixes access token status card description logic to sync with actual token status (active/inactive/expired)
- Replaces the refresh token status component with an inline notification for better UX
- Adds a new "outlineDanger" button type for the token deletion button
Reviewed Changes
Copilot reviewed 50 out of 50 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
| Multiple locale files | Updates translation strings for token storage UI components across all supported languages |
| TokenStorage/index.tsx | Refactors token status display logic and replaces refresh token card with inline notification |
| TokenStorage/TokenCard.tsx | Simplifies TokenCard component to handle only access token status with dynamic descriptions |
| Button component files | Adds new "outlineDanger" button type with appropriate styling |
packages/console/src/pages/UserIdentityDetails/TokenStorage/TokenCard.tsx
Show resolved
Hide resolved
wangsijie
approved these changes
Jul 25, 2025
simeng-li
merged commit e9b4b5a
into
simeng-log-11859-the-state-of-no-socialenterprise-connections-is-lost
40 of 41 checks passed
simeng-li
added a commit
that referenced
this pull request
Jul 25, 2025
* fix(console): add social/sso identities empty state add social/sso identities empty state * fix(console): fix delete token card phrases fix delete token card phrases * fix(console): should display social logoDark in dark mode should display social logoDard in dark mode * style(console): fix social connector create form subtitle fix social connector create form subtitle style * refactor(console): hide refresh token card hide refresh token card when access token is not available * fix(console): fix token storage disabled card fix token storage disabled card content * refactor(console): replace scope input field with textarea replace scope input field in enterprise SSO details page with textarea * style(console): adjust the table columns space adjust the table columns space * style(console): remove hover effect remove hover effect on table rows that are not clickable * refactor(console): refactor token status card (#7588) refactor token status card
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Refactor the token status card. This PR includes the following fixes and updates:
Access tokenaccess_tokenstatus card description logic. The description content should be synced with the token status.refresh_tokenstatus component, use inline notification instead.outlineDangerButton type. Replace the token deletion button with this new type.Testing
Checklist
.changeset