Skip to content

refactor(widget): share skeleton layouts and prevent layout flash - #568

Open
petar-omni wants to merge 1 commit into
mainfrom
refactor/shared-skeleton-layouts
Open

petar-omni wants to merge 1 commit into
mainfrom
refactor/shared-skeleton-layouts

Conversation

@petar-omni

@petar-omni petar-omni commented Sep 15, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Consolidate loading skeletons and placeholders across activity, borrow, earn, and transaction flows.
  • Keep initial amount and price geometry stable while balances and prices load.
  • Prevent native-token Max button flashes by identifying tokens earlier.
  • Remove duplicated skeleton styling and add browser coverage for loading layout geometry.

Why

Prevent visible layout shifts and transient controls during initial rendering, while keeping loading UI consistent across widget flows.

Dependency

Stacked on #567; merge the Vitest/Effect upgrade first.

@changeset-bot

changeset-bot Bot commented Sep 15, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 2ed3477

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@petar-omni
petar-omni added this pull request to stack #569 September 15, 2026 21:49
@petar-omni
petar-omni force-pushed the refactor/shared-skeleton-layouts branch 2 times, most recently from 14fc46e to c1e413c Compare September 16, 2026 11:46
Base automatically changed from deps/upgrade-vitest-5 to main September 17, 2026 06:04
Consolidate loading placeholders across widget flows and keep initial
price layouts stable.

Replace loading-time zero values and delayed native-token detection.
This prevents visual shifts and button flashes during initial rendering.

- Align select trigger skeletons with loaded geometry and add CaretDownIcon
  loading support.
- Prevent select provider card unmount flash while multi-yield queries resolve.
- Add strategy details skeleton placeholder above divider under dashboard
  variant.
- Preserve dual-column layout balance for estimated reward amounts during
  loading.
- Add loading accessibility and disabled states to MaxButton.
- Align amount-token-section min/max label alignment with flexbox container.
@petar-omni
petar-omni force-pushed the refactor/shared-skeleton-layouts branch from c1e413c to 2ed3477 Compare September 17, 2026 06:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant