Skip to main content

Employee Search and Filters UI

Summary​

Employee list search and filtering are client-side operations over the already loaded accessible employee array.

Audience​

  • HR administrators, frontend developers, QA engineers, and support engineers

Purpose and navigation path​

On People → Employees, narrow the directory without issuing a separate search request.

Preconditions and components​

The initial employee request must succeed. Controls include a free-text search, department selector, designation selector, employment-type selector, and Active/Disabled segmented control.

Confirmed matching behavior​

Search is case-insensitive and checks name, employee code, email, phone, department name, designation name, and salary type. Department and designation compare normalized entity identifiers. Changing department clears designation. Designation options are narrowed by selected department where an association is available. Employment options are the five literal values rendered by the UI.

Sorting, pagination, and states​

Sorting controls are Not implemented. Any search or filter change resets to the first page. Zero matches use the standard empty state. The UI does not distinguish “no records exist” from “filters produced no results.”

Actions, validation, and API dependency​

Filters require no server validation and do not alter records. Because filtering is local, results cover only the records returned by the current compatibility list request. Server-side search parity with Employee Service is not exercised by this screen.

Screenshot placeholder​

Screenshot placeholder: search and filter controls with synthetic results and no personal information.

Source References​

  • UI/salary-ui/apps/client-hrms-portal/src/App.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/pages/Labor.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/utils/ProtectedRoute.tsx

See Also​

Keywords​

  • Employee search UI
  • local filters
  • directory filtering

Revision Information​

  • Status: Draft
  • Last reviewed: 2026-07-15
  • Review cycle: Quarterly