Skip to main content

User Details Overview

This document explains the features and layout of the User Details popup, designed for managing and reviewing individual user profiles, payments, and booking history.

Key Features​

  • User Information:
    • Displays the user's First Name, Last Name, Email, and Phone Number.
    • Editable fields allow updates to the user's information.
    • The Email field is locked if the email has already been verified.
  • Passport and Signature:
    • Displays the user's passport image if available.
    • Shows the user's digital signature if uploaded.
    • Displays "No Passport" if no passport image is provided.
  • Payments Overview:
    • A collapsible section showing the total amount of payments made by the user.
    • Includes a detailed table with the following columns:
      • Payment Name: The name associated with the payment.
      • Date: The date of the payment.
      • Type: The payment method (e.g., cash, card).
      • Description: A brief description of the payment.
      • Amount: The payment amount.
  • Booking History:
    • A collapsible section showing the total value of all bookings associated with the user.
    • Includes a detailed table with the following columns:
      • Date: The booking date.
      • Platform: The platform used for the booking (e.g., Airbnb, Booking.com).
      • Amount: The total amount for the booking.

How to Use​

  1. Open the Popup:
    • Navigate to the Guests table.
    • Click on a user's row to open the User Details popup.
  2. View and Edit User Information:
    • The user's profile information is displayed at the top of the popup.
    • Update the First Name, Last Name, or Phone Number fields as needed.
    • Click the Update User button to save changes.
  3. Review Passport and Signature:
    • Check the passport image and signature if available.
    • If no passport is uploaded, "No Passport" will be displayed.
  4. Review Payments:
    • Expand the Payments section to view a detailed table of all transactions made by the user.
    • Check the total payment amount displayed at the top of the section.
  5. Review Booking History:
    • Expand the Booking Dates section to see all past and current bookings for the user.
    • Check the total booking value displayed at the top of the section.
  6. Save Changes:
    • After making any updates to the user's profile, click the Update User button to save the changes.