Draft: Change the revoke button to 3 different types
What does this MR do and why?
In the AccessTokenTableApp component, users may not understand why
some access tokens have a primary revoke button (background red),
while other access tokens have a secondary (transparent background).
Originally, I believe the primary|secondary buttons were meant to
match the color of the text of the Expires column (3 colors: red for
expired token, orange for soon-to-be-expired, black for tokens without
expiration). However, the match for the button was not perfect:
primary button for tokens with expiration, secondary button for
tokens without expiration.
This MR changes the revoke buttons to be of type primary, secondary
or tertiary using the same logic as the coloring of the Expires
column.
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.