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

automate-3081 ui flicker on applications tab #3728

Merged
merged 3 commits into from
May 28, 2020
Merged

Conversation

tarablack01
Copy link
Contributor

@tarablack01 tarablack01 commented May 18, 2020

🔩 Description: What code changed, and why?

When moving between "OK" and "Disconnected" nodes, the UI moves from the loading spinner, to the old data, to the new data, with a visible redraw when the new data is finally shown.

⛓️ Related Resources

fixes #3081

👍 Definition of Done

Smooth as butter, no flicker.

👟 How to Build and Test the Change

hab studio enter
export DEVPROXY_URL=localhost
build components/automate-ui-devproxy
start_automate_ui_background
start_all_services
applications_populate_database

Steps to reproduce the behavior:
Go to Application Tab
Select "OK" filter
Select "Disconnected" filter.
Note I am very far from this A2 server, so high-network latency may help reproduce it.

✅ Checklist

📷 Screenshots, if applicable

Screen Shot 2020-05-18 at 5 28 22 PM
Screen Shot 2020-05-18 at 5 28 45 PM
Screen Shot 2020-05-18 at 5 28 51 PM

Copy link
Contributor

@SEAjamieD SEAjamieD left a comment

Choose a reason for hiding this comment

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

I noticed this is working great for the main portion of the application 👍.

While testing I noticed that it appears that the Services sidebar is having the same issue. Interesting since it doesn't appear to be happening in the video from #3081
services sidebar flicker

@susanev susanev added ui automate-ui bug 🐛 Something isn't working labels May 21, 2020
@tarablack01
Copy link
Contributor Author

@SEAjamieD thanks for catching that bug! I'll fix it 👍🏻

Copy link
Contributor

@msorens msorens left a comment

Choose a reason for hiding this comment

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

Giving a 👍 but have one more suggestion to improve maintainability and standardize.

@tarablack01 tarablack01 merged commit 40a4bb6 into master May 28, 2020
@chef-expeditor chef-expeditor bot deleted the automate-3081 branch May 28, 2020 23:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
automate-ui bug 🐛 Something isn't working ui
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI flicker on Applications tab
5 participants