Add a low-balance warning banner on Dashboard with one-click Deposit CTA

[greatest0fallt1me]

Description

This is a UI/UX issue. Users currently learn about low vault balance only when a call fails. Add a dismissible warning banner at the top of Dashboard.tsx when the balance falls below a configurable threshold, with a primary "Deposit USDC" button that opens the existing deposit modal.

Requirements and Context

• Reference: src/components/Dashboard.tsx, src/components/Dashboard.css, deposit modal in src/App.tsx
• Threshold sourced from src/config/constants.ts
• Banner uses role="status" and is dismissable for the session
• Survives at 360px without overlap
• Must be secure, tested, and documented
• Should be efficient and easy to review

Suggested Execution

1. Fork the repo and create a branch

   git checkout -b feature/low-balance-banner

2. Implement changes
   • src/components/LowBalanceBanner.tsx
   • src/components/Dashboard.tsx — render conditionally
   • src/config/constants.ts — add LOW_BALANCE_USD
3. Test and commit
   • Mock balance below threshold and confirm banner
   • Confirm dismiss state persists in sessionStorage only

Example commit message

feat: low-balance warning banner on Dashboard

Acceptance Criteria

• Banner appears only below threshold
• Deposit CTA opens existing modal
• Dismiss persists per session, not forever
• AA contrast on warning surface in both themes

Guidelines

• Use --warning token (add if missing)
• Document threshold constant
• Clear documentation and inline comments
• Timeframe: 96 hours

[okeolaolatun23-glitch]

I would like to work on this pls

[morelucks]

Hello,

This issue aligns well with my experience as a Web3 builder. I’ve worked on Celo-based applications with a focus on usability, smart contracts, stablecoin payments, and real-world adoption.

I also have contribution experience through OnlyDust, Drips Waves 1–5, and the GrantFox beta campaign. I’m confident I can deliver a clean and well-tested solution within 24 hours.

I’d be excited to contribute to this.

[gloskull]

Hi, I’d love to work on this issue. I have 4 years of experience across backend, frontend, full-stack, and smart contract development. I understand the task clearly and can deliver a clean, efficient, well-tested solution on time, with strong focus on code quality and maintainability. My PR will be submitted in under 10 hours.

[ayaoba24]

@ayaoba24 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I can do this please kindly assign to me

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

[drips-wave]

Congratulations, @ayaoba24! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

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