Skip to content

Add loading skeleton for creator profile card while data is fetching #538

Description

@Chucks1093

Summary

The creator profile card renders blank while the fetch is in flight, causing layout shift when data arrives. A skeleton placeholder matching the card dimensions should show during loading to prevent the shift and communicate progress to the user.

Scope

  • Add a CreatorCardSkeleton component that mirrors the card layout with animated pulse placeholders for avatar, name, price, and holder count
  • Show the skeleton when the query is in isLoading state
  • Swap to the real card once data resolves

Acceptance Criteria

  • Skeleton matches the card layout dimensions
  • Animated pulse applied to all placeholder regions
  • Skeleton replaced by real card on data arrival
  • No layout shift between skeleton and card states

ETA: 12 hours


Coordinate on Telegram

Metadata

Metadata

Assignees

Labels

GrantFox OSSIssue tracked in GrantFox OSSMaybe RewardedIssue may be eligible for a GrantFox rewardOfficial Campaign | FWC26Campaign: Official Campaign | FWC26Stellar WaveIssues in the Stellar wave program

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions