Frontend: Connect Wallet Screen/Modal

[ogazboiz]

Implement a dedicated interface for selecting a wallet (Freighter, Albedo, etc.).

Context:
This is the entry point for the DApp. It handles the authentication state.

Independence:
Mock the successful connection state if wallet adapters (Freighter) are not fully integrated yet. Focus on the UI/UX of the selection.

Acceptance Criteria:

• Modal/Page listing supported wallets
• Loading state during connection attempt
• Error state handling (e.g., 'User rejected')
• Persist connection state in context/store

[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

[0takuc0mrade]

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

Hi, I’m June

I’m a Blockchain Developer with full-stack experience building dApp interfaces. I’d love to work on this issue.

I can implement a connect wallet screen/modal with:
-A list of supported wallets (e.g., Freighter, Albedo)
-Loading state during connection attempts
-Error handling for rejected connections
-Persisted connection state using context/store
-Mocked successful connection if adapters aren’t fully integrated

I’ve built wallet connection flows before and can focus on delivering a clean, user-friendly UI/UX.

I can start immediately and submit a PR once approved.
Thanks!

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

[drips-wave]

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

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

[precious-akpan]

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

Hi team,

I would love to resolve this issue, I have the knowhow and experience to complete it.

Thanks in advance!

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

[Abidoyesimze]

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

Hi I'd like to work on this issue

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

[chibokaxavier]

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

I’m Xavier, a full-stack developer with extensive experience in building high-fidelity Stellar DApps and resilient authentication flows. I’m applying to implement the Connect Wallet Screen/Modal for flowfi.

Polished Provider Selection: I’ll build a sleek, accessible modal interface listing supported wallets like Freighter and Albedo, ensuring the design is clean and intuitive for first-time users.

State & Persistence: My solution includes a robust state management layer (using React Context or a store) to track the connection status, ensuring users remain authenticated across page reloads and sessions.

Resilient UX: I’ll implement clear loading states for pending connections and graceful error handling for edge cases like "User Rejected" or missing extensions to keep the onboarding experience friction-free.

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

[drips-wave]

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

🧑‍💻 @Abidoyesimze: 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 marked as completed by a Drips Wave moderator for @Abidoyesimze as part of the Stellar Wave Program's 2nd Wave 🥳

Moderator's reason: Issue was resolved and merged in PR: #174

😎 @Abidoyesimze: You earned 100 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.

ℹ️ Note: This issue was marked complete via moderation. Points were issued even though the GitHub issue remains open.