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

Improve grid rendering performance with a custom tooltip #24417

Merged
merged 3 commits into from
Jun 13, 2022

Conversation

bbovenzi
Copy link
Contributor

We have a tooltip component for every status box we show in the Grid view.

The default Tooltip component in Chakra was taking too much time to load. Particularly do to an expensive call to useStyleConfig(). But we weren't actually using that, so I copied the source code for the Tooltip and stripped out a few parts to make it render faster, albeit with less ability to customize everything in the component.

Before:
Screen Shot 2022-06-13 at 12 40 40 PM

After:
Screen Shot 2022-06-13 at 12 40 33 PM


^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code change, Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragement file, named {pr_number}.significant.rst, in newsfragments.

@boring-cyborg boring-cyborg bot added area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues labels Jun 13, 2022
@github-actions github-actions bot added the okay to merge It's ok to merge this PR as it does not require more tests label Jun 13, 2022
@github-actions
Copy link

The PR is likely OK to be merged with just subset of tests for default Python and Database versions without running the full matrix of tests, because it does not modify the core of Airflow. If the committers decide that the full tests matrix is needed, they will add the label 'full tests needed'. Then you should rebase to the latest main or amend the last commit of the PR, and push it with --force-with-lease.

@bbovenzi bbovenzi merged commit e452949 into apache:main Jun 13, 2022
@bbovenzi bbovenzi deleted the custom-tooltip branch June 13, 2022 18:23
@bbovenzi bbovenzi added this to the Airflow 2.3.3 milestone Jun 28, 2022
ephraimbuddy pushed a commit that referenced this pull request Jun 29, 2022
* fully custom tooltip

* use a customized chakra tooltip

* update notice

(cherry picked from commit e452949)
@ephraimbuddy ephraimbuddy added the type:bug-fix Changelog: Bug Fixes label Jun 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues okay to merge It's ok to merge this PR as it does not require more tests type:bug-fix Changelog: Bug Fixes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants