Implement Mobile Settings

[RUKAYAT-CODER]

Overview

Create a mobile settings interface with native-feeling controls.

Background

Settings need to follow platform conventions for toggles, pickers, and navigation.

Specifications

Settings Sections:

• Account settings
• Notification preferences
• Privacy controls
• Download settings
• App preferences

Tasks:

• Create settings list with sections
• Implement native-style toggles
• Add picker components for selections
• Create data management options
• Implement theme selection

Impacted Files:

• src/components/mobile/MobileSettings.tsx (new)
• src/components/mobile/SettingsSection.tsx (new)
• src/components/mobile/NativeToggle.tsx (new)
• src/components/mobile/SettingsPicker.tsx (new)
• src/pages/mobile/Settings.tsx (new)

Labels: mobile, settings, preferences, ui, priority-medium

Acceptance Criteria

• Settings follow platform conventions
• Toggles feel native
• Changes apply immediately
• Settings persist correctly
• Navigation is intuitive

Contribution Guidelines:

Assignment required before PR submission
Timeframe: 48-72 hours
PR description must include: Close #[issue-number]
Star the repo⭐
For more context, please refer to the frontend README 🚀

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 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

[Jeyvers]

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

Hello again Rukayat, I’ve handled a lot of things like this and would love to work on this. All settings pages will be implemented and optimized.

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

[rosemary21]

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

I’d love to work on this issue because it focuses on mobile UX, state management, and preference persistence — all of which are critical to delivering a polished user experience. Settings screens may look simple, but they directly impact usability, trust, and long-term engagement. Implementing them correctly (native-feeling toggles, intuitive navigation, instant feedback, and persistence) is something I genuinely enjoy building and refining.

Why This Issue Interests Me

It improves core user experience — settings are high-touch and frequently used.

It requires thoughtful information architecture (clear sections like Account, Notifications, Privacy, etc.).

It involves state synchronization and persistence, which is essential for reliability.

It’s a great opportunity to ensure the app follows platform-native conventions (iOS/Android patterns).

I also appreciate that the acceptance criteria emphasize:

Native feel

Immediate application of changes

Persistence correctness

Intuitive navigation

That shows a strong focus on quality rather than just UI completion.

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