Skip to content
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

Api token page UX issues #1224

Merged
merged 6 commits into from
Nov 16, 2021

Conversation

ShaiahWren
Copy link
Contributor

Hello :)
This pr address UX issues on the Token API page discussed here: https://issues.redhat.com/browse/AAH-826

  1. The left nav and page title changes to API token management.
  2. Padding is added above Button Primary, Load Token (both standalone and insights mode).
  3. In standalone mode, a white card background is added to the body content.

Before:
Screen Shot 2021-11-10 at 3 21 31 PM

After:
Screen Shot 2021-11-10 at 3 19 14 PM

@ShaiahWren ShaiahWren force-pushed the API-Token-page-UX-issues branch 3 times, most recently from 062fb5e to e404e54 Compare November 10, 2021 21:52
@@ -95,7 +96,11 @@ class TokenPage extends React.Component<RouteComponentProps, IState> {
<ClipboardCopy>{tokenData.refresh_token}</ClipboardCopy>
</div>
) : (
<Button onClick={() => this.loadToken()}>{t`Load token`}</Button>
<div>
Copy link
Collaborator

@himdel himdel Nov 16, 2021

Choose a reason for hiding this comment

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

should this also have className='load-token'?

@himdel
Copy link
Collaborator

himdel commented Nov 16, 2021

There's one more API Token in tests..

test/cypress/integration/view-only.js
25:        'Collections > API Token',

Apart from that (and the potentially missing load-token from insights), LGTM 👍 :)

@ShaiahWren
Copy link
Contributor Author

@himdel The classname="load-token" isn't needed on the button in insights mode, Susan says that button looks fine. It was just in standalone. I removed the scss import because it isn't being used. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants