Location
Home Page > Username > Secondary Numbers

Objective

This page allows the user to add and manage secondary phone numbers in their profile.

Visible Elements

1. Title and Navigation

• Main title: Secondary Numbers
• Back icon (arrow): return to the previous page.
• Refresh icon (top right): reload the list of secondary numbers.

2. Add Number Section

• Label: Add a secondary number
• Input field: Phone number (with phone icon).
• Button: + Add Number (dark blue)
  • Action: Saves the entered number as a secondary number.

3. Status Area

• Icon: crossed-out phone.
• Message: No secondary number
  Add your first number above
• Current state: no secondary number configured.

4. Navigation Bar (bottom)

• Home (house icon)
• Bills (document icon)
• Currencies (currency icon)
• Settings (gear icon)
• Central floating button: QR Code (to scan and perform quick actions).

Expected Behavior

• Add Number:
  The user enters a number in the field and clicks Add Number.
  The number appears in the list of secondary numbers.
• Refresh:
  The refresh icon reloads the list of secondary numbers.
• Display:
  If no number is added, show the current message.
  If numbers exist, display them as a list with options (edit, delete).

Error Cases

• If the entered number is invalid, display: Incorrect number.
• If saving fails, display: Unable to add the number.

Target Audience

Users who want to add secondary numbers for operations (e.g., Mobile Money, notifications, security).