Skip to content

Implement new Sync State UI on Balance tab #6566

@Dianaaiym

Description

@Dianaaiym
Image

Show sync percentage on token icon when state = "Blocks Remaining"

  • Spinner remains visible for all sync states.
  • For state = “Blocks Remaining: X” only:
  • Display percentage (e.g. 23%) overlay on the coin icon.
  • Update percentage in real time based on progress.
  • When syncing is complete → hide spinner and percentage.
  • On sync error → show red error icon instead of spinner.

EVM, Tron, Stellar

States:
🟡 Syncing... - shown during background sync.

Visuals:

  • Spinner (no percentage).
  • No “Blocks Remaining” text or progress ring.

Bitcoin, Bitcoin Cash, Dash, Litecoin, eCash

States:
🟡 Searching transactions... - scanning for related UTXOs.
🟢 Blocks Remaining - showing remaining block count (e.g., Blocks Remaining – 43).

Visuals:

  • Spinner only for “Searching transactions...”.
  • Spinner + percentage ring for “Blocks Remaining: X”.
  • Percentage updates in real time based on synced blocks.

Monero (XMR)
States:

🟡 Connecting... - establishing node connection.
🟢 Blocks Remaining - syncing in progress with known block count.

Zcash (ZEC)

States:
🟡 Connecting... - initializing sync session.
🟠 Downloading... - downloading sampling data or checkpoints.
🟢 Blocks Remaining - showing block sync progress.

Metadata

Metadata

Assignees

Labels

ui-ux-guiIssues related to design

Type

No type

Projects

Status

Waiting for Testing

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions