Wire Settings streamerMode into MaskedBalance alongside profile flag

[josephchimebuka]

Problem

MaskedBalance hides values based on useProfileStore.profile.streamerMode, but /settings also exposes a local streamerMode toggle in useSettingsStore. Toggling streamer mode in Settings does not immediately affect navbar balances unless profile data happens to match.

Scope

• Treat streamer mode as enabled when either the persisted profile flag or the settings store flag is true
• When Settings toggles streamer mode, update the local settings mirror instantly (existing) and ensure MaskedBalance reacts
• Document the precedence in a short code comment
• Add tests for both entry points

Acceptance criteria

• Settings streamer toggle blurs navbar balance without requiring profile save
• Profile streamer mode still works when loaded from API
• Accessible labels remain accurate ("hidden because streamer mode is enabled")
• Unit tests cover settings-only, profile-only, and both-enabled cases

Files

• src/components/MaskedBalance.tsx
• src/store/useSettingsStore.ts
• src/components/MaskedBalance.test.tsx (new or extend)
• src/pages/Settings.test.tsx

Difficulty

beginner

[DeePrincipal-dev-lang]

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

Hi, I'd like to work on this issue if it's still open. I'm a prompt engineer with a detail-oriented, methodical approach to debugging and testing. I've gone through the issue description and have a clear plan for tackling it. Happy to outline my approach before diving in if that's useful. I can start as soon as possible and will keep you posted on progress. Could you assign this to me?

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

[samuelfrancis163-eng]

@samuelfrancis163-eng has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello, I'd like to work on this issue because i am confident i can deliver smoothly, Please assign issue to me ETA 3 HOURS

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

[Abidoyesimze]

@Abidoyesimze has applied to work on this issue as part of the Stellar Wave Program's 8th 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.

[gospeltout]

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

Hello, I’d love to work on this issue

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

[stayzappy]

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

Proposal: Wire Settings streamerMode into MaskedBalance alongside Profile Flag

I would like to take on this task to ensure seamless reactivity across both local settings and persisted profile state for MaskedBalance.

---

Implementation Plan

1. Reactive State Integration (MaskedBalance.tsx)

• Subscribe to both useSettingsStore((s) => s.streamerMode) and useProfileStore((s) => s.profile?.streamerMode).
• Compute effectiveTo make sure I update the exact code without making assumptions or cropping anything from your codebase, please share the full contents of your existing files:
• src/components/MaskedBalance.tsx
• src/store/useSettingsStore.ts
• src/store/useProfileStore.ts (or the relevant store hook used for profile state)
• src/components/MaskedBalance.test.tsx (if it exists)
• src/pages/Settings.test.tsx (if it exists)

Once you paste those, I'll integrate the dual-flag check (isStreamerMode = profileStreamerMode || settingsStreamerMode), add the inline documentation, include debugging logs, and write the full test cases.

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

[drips-wave]

Congratulations, @Abidoyesimze! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 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 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 🌊