Add staking vault UI for locking creator keys and tracking rewards

[Chucks1093]

Summary

Build a staking vault section on the key detail page allowing holders to stake keys for a chosen lock period, view active stakes, and unstake when the lock expires.

Scope

• Stake form: amount input, lock period selector, estimated reward preview
• Active stakes list: staked amount, lock expiry countdown, accrued rewards
• Unstake button enabled only after lock expiry
• Reward pool balance displayed for the key
• Stake and unstake transactions submitted via wallet

Acceptance Criteria

• Stake form validates amount against available balance
• Estimated reward preview updates on amount and period change
• Lock expiry countdown accurate to seconds
• Unstake button disabled with tooltip during lock period
• Reward pool balance shown correctly from API

ETA

12 hours

[guptakumarranjeet150]

Hey team,

I am interested in working on this issue.
Plan:

1. Build Add staking vault UI for locking creator keys and tracking rewards with responsive React/Next.js components and clean state management.
2. Test across viewport breakpoints and ensure 0 TypeScript or linting errors.

I am ready to start immediately—please feel free to assign this to me!

[guptakumarranjeet150]

Hello! I would like to work on this issue.

I am interested in working on this issue.
Plan:

1. Build Add staking vault UI for locking creator keys and tracking rewards with responsive React/Next.js components and clean state management.
2. Add component unit tests verifying user interactions and rendering states.

Excited to work on this—please assign to me and I will submit a clean PR shortly!

[OsejiFabian]

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

PLEASE I WOULD LIKE TO WORK ON THIS ISSUE AND I WOULD SUBMIT A QUALITY PR IN 24 HOURS .

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

[Francis6-git]

@Francis6-git has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

I would love to work on this issue

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

[sojetunde8]

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

I can fix this.

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

[stayzappy]

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

Hi AccessLayer team! I would love to build this staking vault UI. I have extensive experience building staking interfaces, lock duration sliders, reward claim flows, and clean wallet integration for Stellar dApps. I can deliver a polished, tested implementation within 24 hours.

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

[Ayfataan]

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

I’d like to work on this issue

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

[mysterio123865]

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

Pls assign

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

[abbaskachia]

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

Hi, can i work on this issue please

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

[xtrial01]

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

I'd like to take this on. I'll build the staking vault on the key detail page: stake form with balance validation and a live reward preview, an active stakes list with a per-second lock countdown, an unstake button gated until expiry with a tooltip, the reward pool balance from the API, and wallet-signed stake and unstake transactions.

ETA: 12 hours.

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

[Tekgodfrey]

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

Hi, I’m a full-stack blockchain developer with experience in JavaScript, TypeScript, Rust, and other modern technologies. I build scalable, high-performance web applications, handle backend systems, APIs, and database management, and ensure smooth frontend integration. I can confidently take on this role and deliver results.

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

[drips-wave]

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

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