Implement Earnings & Payout Tracking

[Benjtalkshow]

Implement Earnings & Payout Tracking in My Claims

Dashboard earnings breakdown.

Expected Data Types

type EarningsSummary = {
  totalEarned: number
  pendingAmount: number
  currency: string
  payoutHistory: Array<{
    amount: number
    date: string
    status: 'processing' | 'completed'
  }>
}

Acceptance Criteria

• Accurate totals
• History renders properly

[linear]

BOU-87

[Obiajulu-gif]

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

GM maintainer — this looks familiar and I’d love to work on it because it’s a clean, high-impact dashboard win: I’ll implement an Earnings & Payout Tracking section in My Claims that computes an EarningsSummary (totalEarned, pendingAmount, currency) from the user’s claim/payout data and renders a clear earnings breakdown + payout history list. Totals will be derived deterministically (completed payouts → totalEarned, processing payouts → pendingAmount), and the payoutHistory will render with amount, formatted date, and a status badge (“processing” / “completed”). I’ll include empty/loading states and a small unit test (or pure function test) to guarantee totals are accurate and history ordering renders correctly.

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

[odeyemitobi]

@odeyemitobi has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I would like to work on this issue

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

[OSEH-svg]

@OSEH-svg has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi ,

My name is Oseh. I'd love to contribute to your project as a Full stack Developer! With 4 years of experience in crafting intuitive UIs and leveraging modern tech stacks, I'm excited about the opportunity to work on this project, as it aligns with my passion for building intuitive and performant products.

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

[blessme247]

@blessme247 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I have reviewed this issue and I would love to solve it

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

[Oluwatos94]

@Oluwatos94 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi, I’m Tosin a full-stack developer with strong experience in backend systems (Typescript, APIs, database design) and modern frontend tooling.

I’ve reviewed this issue and I understand the expected behavior. I’d be happy to work on it and submit a clean PR following the project’s contribution guidelines.

Please I would like to take on this task.

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

[rejoicetukura-blip]

@rejoicetukura-blip has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I am deeply interested in working on this issue because I believe it sits at the intersection of impact and execution. Addressing this challenge requires not only strategic thinking but also consistent operational support — and that is where I thrive. I am motivated by opportunities where structured systems, clear communication, and organized execution can create measurable results.

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

[drips-wave]

Congratulations, @Oluwatos94! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on February 26, 2026.

🧑‍💻 @Oluwatos94: 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 🌊

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 100 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

[rosemary21]

@rosemary21 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I’m interested in implementing the dashboard earnings breakdown because it directly impacts how users understand and engage with their financial activity. Providing clear totals, pending amounts, and detailed payout history improves transparency, trust, and usability. Users rely on accurate financial summaries to make informed decisions, and presenting this data in a concise, understandable way is crucial for the success of any platform that manages earnings and payouts.

This issue is particularly appealing because it combines data aggregation, proper typing, and UI representation. Ensuring accuracy in totals, properly formatting history entries, and handling different statuses like “processing” or “completed” requires attention to both backend data integrity and frontend rendering. I enjoy designing solutions where precise financial data meets user-friendly visualization, balancing reliability with clarity.

Relevant Experience

Financial Data Aggregation

Built systems to compute earnings, pending amounts, and payouts from transactional data.

Ensured accurate summation across multiple sources and time periods.

Implemented logic to handle partial, pending, and completed transactions.

Frontend Dashboard & Visualization

Developed dashboards that display totals, lists, and historical financial data.

Rendered transaction histories with date formatting, status indicators, and sorting.

Designed components that are intuitive, responsive, and user-friendly.

Type-Safe Development

Defined precise TypeScript interfaces and types for financial data models.

Ensured proper validation and type safety in both backend APIs and frontend rendering.

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