Skip to content

[Frontend] Build Assets List Page with Search, Filter, and Pagination #452

@yusuftomilola

Description

@yusuftomilola

The main assets inventory page at /assets. Displays a sortable, filterable, paginated table of all registered assets.

Requirements

  • Header with page title, asset count, and "Register Asset" button
  • Search input — searches by name, asset ID, serial number (server-side, debounced)
  • Status filter — dropdown to filter by AssetStatus enum values
  • Table columns: Asset ID, Name, Category, Status, Condition, Department, Assigned To
  • Rows are clickable → navigate to /assets/:id
  • Pagination: Previous / Next buttons with current page and total shown
  • Loading skeleton or spinner while fetching
  • Empty state with helpful message when no assets found (different messages for "no assets" vs "no results for filters")

Acceptance Criteria

  • Search + filter reset page to 1
  • Pagination controls hidden when only one page
  • Clicking a row navigates to the detail page

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions