This document outlines the design solution for the Payment Settings and Preferences interfaces in the Agora Events platform. The design provides users with a comprehensive control panel for managing their financial information and UI preferences.
-
Stellar Wallet Connection
- Secure wallet connection interface with step-by-step onboarding
- Display of connected wallet address and verification status
- Ability to disconnect and reconnect wallets
- Clear security warnings and best practices
-
Transaction History
- Comprehensive transaction log with filtering and search capabilities
- Display of transaction type, amount, date, and status
- Transaction details modal for in-depth information
- Export functionality for record-keeping
-
Payout Methods
- Management of multiple payout destination options
- Add/edit/delete payout method functionality
- Default payout method selection
- Verification status indicators
-
UI Preferences
- Dark/Light mode toggle with system preference respect
- Theme persistence across sessions
- Currency and locale selection for transaction display
- Notification preferences configuration
All designs follow the established Figma design system guidelines for the Agora platform, ensuring:
- Consistent visual language and component usage
- Accessibility standards compliance
- Responsive design for all device sizes
- Clear information hierarchy and user flow
- Can be implemented as sub-tabs within the main Settings page or as a dedicated page
- Maintains visual consistency with existing Agora platform components
- Prioritizes user security for financial information handling
- Clear and intuitive navigation between related settings
[Link to Figma design to be added upon approval]