Rebrand Connect wallet page to match navbar wallet flow

[josephchimebuka]

Category

wallet UX

Labels

frontend, enhancement, onboarding

Difficulty

intermediate

Why this matters

/connect uses a separate validation UI and old styling, while navbar already uses useWalletStore Freighter flow.

Likely files/components affected

• src/pages/Connect.tsx
• src/components/Navbar.tsx
• src/components/WalletConnect.tsx
• src/store/useWalletStore.ts

What contributor should improve

Unify connect UX under one visual system and one primary wallet connection path.

Expected final behavior

Users get consistent wallet onboarding whether they connect from navbar or /connect.

UI/UX goals

• Reduced confusion
• Single source of truth for wallet state

Acceptance criteria

• Connect page matches new theme
• Uses shared wallet store/actions
• Clear network/testnet guidance
• Redirect or CTA to /dashboard after success

[Osuochasam]

I can absolutely rebrand the connect wallet page, allow me to work on this

[Sughter99]

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

Can this be assigned to me

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

[manueldezman]

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

Hi @josephchimebuka, I am a full stack blockchain developer, and I can rebrand the Connect Wallet page to cleanly match your navbar's wallet workflow and shared store actions. I will submit a PR within 3 hours, kindly assign to me.

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

[somotochukwu-dev]

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

Good day maintainer
Please assign this issue to me
Thanks.

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