Skip to content

feat: Campaign page loading skeleton — add skeleton for contributions list and milestones #294

Description

@dotunv

Description

CampaignDetailSkeleton.jsx and ContributionListSkeleton.jsx exist but the milestones section and the backer wall have no skeleton loaders — they flash blank white space while data loads, creating a jarring layout shift.

Tasks

  • Add MilestonesSkeletonLoader — 3 placeholder milestone rows with animated shimmer
  • Ensure ContributionListSkeleton is actually used in Campaign.jsx while the backer wall data loads (verify it is wired up, not just defined)
  • Add skeleton for the analytics charts section while Recharts data loads
  • Verify skeleton heights match the rendered content to prevent cumulative layout shift (CLS)

Acceptance Criteria

  • Milestones section shows shimmer placeholder while loading
  • Backer wall shows shimmer rows while contributions are fetched
  • No blank white flashes on initial page load
  • Layout does not shift after content loads (skeleton matches final height)

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave programenhancementNew feature or requestfrontendFrontend / UI work

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions