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

ui: Various empty state improvements/fixups #11892

Merged
merged 5 commits into from Dec 21, 2021

Conversation

johncowen
Copy link
Contributor

@johncowen johncowen commented Dec 20, 2021

  1. Add an empty state header to the node listing page to make it consistent with other pages (use CONSUL_NODE_COUNT=0 cookie value to see this on the node listing page)
  2. Add additional [Login] button to both Node listing empty state and "Per Service Intentions" empty state, again our dev cookies will help here for viewing.
  3. Noticed that services is now undefined in our Service List template, we should be using items instead. Consequently our slightly better tailored message wasn't showing at all, with this fix it will. You can see the difference pre and post PR for this one by using the search bar to search for a service that doesn't exist.
  4. I noticed that we were missing a @ in our ErrorState component, the small consequence of this is when we have an error that specified a detail property, the detail would not show and the error state would use the default text instead. I took the opportunity here to reformat the code slightly in the component, use our Action component and improve the docs slightly.

John Cowen added 3 commits December 20, 2021 12:31
Previous to this fix we would not show a more tailored message for when
you empty result set was due to a user search rather than an empty
result set straight from the backend
@johncowen johncowen added theme/ui Anything related to the UI backport/1.9 labels Dec 20, 2021
@johncowen johncowen requested review from jgwhite, amyrlam, a user and natmegs December 20, 2021 12:56
@vercel vercel bot temporarily deployed to Preview – consul December 20, 2021 16:25 Inactive
@vercel vercel bot temporarily deployed to Preview – consul-ui-staging December 20, 2021 16:25 Inactive
Copy link
Collaborator

@natmegs natmegs left a comment

Choose a reason for hiding this comment

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

Pair reviewed

@johncowen johncowen merged commit 2c1eb05 into main Dec 21, 2021
@johncowen johncowen deleted the ui/bugfix/empty-state-fixups branch December 21, 2021 06:49
@hc-github-team-consul-core
Copy link
Collaborator

🍒 If backport labels were added before merging, cherry-picking will start automatically.

To retroactively trigger a backport after merging, add backport labels and re-run https://circleci.com/gh/hashicorp/consul/534820.

@hc-github-team-consul-core
Copy link
Collaborator

🍒✅ Cherry pick of commit 2c1eb05 onto release/1.11.x succeeded!

hc-github-team-consul-core pushed a commit that referenced this pull request Dec 21, 2021
* ui: Add login button to per service intentions for zero results

* Add login button and consistent header for when you have zero nodes

* `services` doesn't exists use `items` consequently:

Previous to this fix we would not show a more tailored message for when
you empty result set was due to a user search rather than an empty
result set straight from the backend

* Fix `error` > `@error` in ErrorState plus code formatting and more docs

* Changelog
@hc-github-team-consul-core
Copy link
Collaborator

🍒❌ Cherry pick of commit 2c1eb05 onto release/1.10.x failed! Build Log

@hc-github-team-consul-core
Copy link
Collaborator

🍒❌ Cherry pick of commit 2c1eb05 onto release/1.9.x failed! Build Log

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
theme/ui Anything related to the UI
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants