The Users screen provides an interface to view, manage and administer the user accounts within the system. This includes assigning roles, checking account status, viewing login information and editing user details.

It is primarily intended for administrators who need to oversee team access, monitor active accounts and make quick changes to user permissions or data.

Layout Structure

Top-Right Action Button

• Create new user (+ Create new user)
  • Style: Orange button, clearly highlighted for visibility.
  • Function: Initiates the flow to add a new user to the system.

Search Bar

• Placeholder: “Search”
• Purpose: Enables keyword-based filtering of the user list by name, email or other user details.

---

User List Table

Table Columns:

Each column supports sorting (indicated by arrow icons).

Column Header	Description
Role	User’s role within the system (e.g., Administrator, Driver, Customer).
Status	Current state of the account (e.g., Active, Expired). Includes dropdowns.
First name	User’s given name.
Last name	User’s surname.
Last login	Timestamp of the user’s last login (e.g., 2025.03.27). Empty if not logged in.
Email	Registered email address of the user.
Phone number	User’s phone number.
Driver is an employee	Checkbox or tick icon indicates if a driver is flagged as an employee.
Driver’s app language	Language preference of the driver’s app (e.g., EN + flag icon).
Edit button	Pen icon button for editing that user’s profile.

---

Notable Interactions and Elements

• Status Dropdown:
  • Each user row contains a status badge (e.g., Active, Expired) that can be interacted with to change the account state.
  • Styles:
    • Active – green pill.
    • Expired – gray pill.
• Edit Button:
  • Each row ends with a pencil icon in a rounded white button.
  • Presumed function: Opens a form to edit the user’s details.
• Checkbox Indicator:
  • A checkmark symbol appears under “Driver is an employee” if that condition is met.
• Language Display:
  • Includes both a country flag icon and language code (e.g., 🇬🇧 EN).