Token Balance Sync

[dDevAhmed]

📚 Overview

Display and keep in sync the user’s reward token and staking balances.

---

🎯 Objectives

• Fetch ERC20 balances
• Refresh after transactions
• Handle loading states

---

🧠 Scope

Logic

• Read balance from contract
• Cache with TanStack Query
• Invalidate on tx success

UI

• Token balance display
• Loading skeleton

---

✅ Acceptance Criteria

• Correct balances displayed
• Updates after staking/reward
• No stale values

---

⏳ Complexity & Effort

Complexity: Medium
Estimated Effort: ~0.5–1 day

---

📌 Notes

This issue includes UI implementation and must follow canonical designs in the parent repository.

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[elmusazmah]

@Elmusaz has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I would like to work on this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Elmusaz to this issue.

[MJ-RWA]

@MJ-RWA has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi 👋

I’d like to work on this issue. I have experience fetching and syncing ERC20 balances in React applications, handling post-transaction refreshes, and managing cached on-chain data with TanStack Query.

I can read reward and staking balances directly from the contract, cache them efficiently, invalidate queries on successful transactions, and ensure the UI always reflects the latest state. I’ll also implement clear token balance displays with loading skeletons, following the canonical designs in the parent repository.

I’m confident I can complete this within the estimated 0.5–1 day timeframe while meeting all acceptance criteria with no stale values.

Please assign this issue to me so I can get started. Thanks!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @MJ-RWA to this issue.

[Obiajulu-gif]

@Obiajulu-gif has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

GM maintainer, I would love to implement token balance sync by adding a small, reliable balance layer powered by TanStack Query, with automatic refresh after transactions and clean loading/empty states.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Obiajulu-gif to this issue.

[gabito1451]

@gabito1451 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

may i handle this issue ????

ℹ️ Repo Maintainers: To accept this application, review their application or assign @gabito1451 to this issue.

[tali-creator]

@tali-creator has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I’ve carefully gone through the issue description and taken time to understand the existing codebase and expected outcome. Based on my experience and the scope of this task, I’m confident I fully understand what needs to be done and how it fits into the project’s overall architecture.

I’m a full-stack Stark developer with 4+ years of hands-on experience, and I’m very confident in my ability to deliver a solid, production-ready solution. I’m 100% certain I can complete this task within 24 hours while maintaining code quality, clarity, and alignment with the project’s standards. I’d be glad to take this on and contribute effectively if assigned.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @tali-creator to this issue.

[soma-enyi]

@soma-enyi has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Gm Gm Maintainer!!!
I will like t work on this issue!!!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @soma-enyi to this issue.

[laryhills]

@laryhills has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi, I'd like to apply for this issue! 🪙

About Me
I'm a frontend engineer with years of experience building Web3 applications and token-gated interfaces. I've implemented real-time balance syncing for Web3 platforms, optimized contract read patterns to minimize RPC calls, and designed UX flows.

Plan
I'll implement token balance syncing by creating a custom useTokenBalance() hook that leverages TanStack Query for intelligent caching and invalidation. The hook will read ERC20 balances directly from the smart contract using ethers.js or web3.js, with a sensible stale time (e.g., 30s) to reduce RPC overhead. I'll implement transaction success listeners that automatically invalidate the balance query, ensuring fresh data after staking or reward actions. For UI, I'll build a TokenBalanceDisplay component showing both reward token and staking balances with formatted units, loading skeletons during initial fetch and refetch, and error states for RPC failures. I'll integrate cache invalidation into transaction flows using TanStack Query's mutation callbacks. All components will follow the canonical design system from the parent repository, ensuring visual consistency.

ETA 1 day

ℹ️ Repo Maintainers: To accept this application, review their application or assign @laryhills to this issue.

[caxtonacollins]

@caxtonacollins has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

hi @dDevAhmed
I am a full-stack/blockchain developer
i will love to work on and close this issue
please assign

ℹ️ Repo Maintainers: To accept this application, review their application or assign @caxtonacollins to this issue.

[coderolisa]

@coderolisa has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi i've reviewed this issue and will like to work on it

ℹ️ Repo Maintainers: To accept this application, review their application or assign @coderolisa to this issue.

[Folex1275]

@Folex1275 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I am applying for this task because I specialize in building reactive Web3 frontends where data integrity is paramount. I understand that 'Stale' data in a DeFi context is a bug, not a feature.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Folex1275 to this issue.

[drips-wave]

Congratulations, @Elmusaz! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on January 31, 2026.

🧑‍💻 @Elmusaz: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are issued when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊