Organizations List - Hide empty state header
What does this MR do and why?
Closes #427037 (closed)
Follow up from !132418 (merged)
This change updates the Empty State on Organizations List to not show the header title or action. There was a layer of complexity to this change as we needed to move the GraphQL query up to the parent and utilize props.
This change is behind a feature flag (:ui_for_organizations
)
Screenshots or screen recordings
Before | After | |
---|---|---|
Empty State | ||
Loading (no change) | ||
w/ Data (no change) |
How to set up and validate locally
- Enable FF
Feature.enable(:ui_for_organizations)
- We need to tell the UI to not return any data:
- Locate this line (L27) in
organizations/shared/graphql/resolvers.js
- Update the line from
nodes: organizations,
tonodes: [],
- Locate this line (L27) in
- Refresh and Click Organizations Tab in left nav
- Ensure loading occurs and then empty state appears
- Ensure header text and action are hidden in empty state
- Undo local change to code on step 2
- Refresh and ensure Organizations are returned and the header text and action are there
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.
Related to #427037 (closed)