Skip to content

feat(dashboards): Add loading skeleton for Widget Builder#104702

Merged
gggritso merged 5 commits intomasterfrom
georgegritsouk/dain-1077-defer-rendering-of-the-widget-builder-contents-on-open
Dec 11, 2025
Merged

feat(dashboards): Add loading skeleton for Widget Builder#104702
gggritso merged 5 commits intomasterfrom
georgegritsouk/dain-1077-defer-rendering-of-the-widget-builder-contents-on-open

Conversation

@gggritso
Copy link
Copy Markdown
Member

@gggritso gggritso commented Dec 10, 2025

As of #104627, the contents of the Widget Builder are "deferred", which means that the panel opens up early, and the contents render while it's animating. Unfortunately by default, the panel is blank while loading.

This PR adds a loading skeleton with placeholders. I also had to change how we set up the intersection observers. In short, we can't use normal refs anymore because the containers for the chart mount late. Instead, I'm using callback refs, which fire once the elements are mounted.

e.g.,

Screen.Recording.2025-12-10.at.1.29.19.PM.mov

This PR is best enjoyed with whitespace off!

@gggritso gggritso requested a review from a team as a code owner December 10, 2025 19:49
@linear
Copy link
Copy Markdown

linear bot commented Dec 10, 2025

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Dec 10, 2025
setError={setError}
onClose={onCloseWithModal}
/>
<VerySlowComponent />

This comment was marked as outdated.

Copy link
Copy Markdown
Contributor

@nsdeschenes nsdeschenes left a comment

Choose a reason for hiding this comment

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

One small comment about clean up 👀

Copy link
Copy Markdown
Member

@nikkikapadia nikkikapadia left a comment

Choose a reason for hiding this comment

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

draggable widget stuff lgtm!

@gggritso gggritso merged commit a06fbeb into master Dec 11, 2025
51 of 56 checks passed
@gggritso gggritso deleted the georgegritsouk/dain-1077-defer-rendering-of-the-widget-builder-contents-on-open branch December 11, 2025 19:30
@github-actions github-actions bot locked and limited conversation to collaborators Dec 27, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants