Skip to content

Use Backend Pagination and Search in Management Portal API List #259

@piyumaldk

Description

@piyumaldk

Current Behavior

The Management Portal frontend currently loads all APIs at once and stores them in React context.
This approach is inefficient and causes performance issues as the API list grows.

Proposed Frontend Changes

Update API fetching logic to support pagination and search:

  • apiRefresh → fetch query="" and start=0
  • apiFetch → accept q, offset, limit (e.g., ?q=pet&offset=20&limit=20)
  • Clear previous API list when query parameters change to avoid stale data.
  • Ensure the UI handles partial API loads gracefully (loading states, incremental list rendering).
  • Search input in the frontend should trigger backend search via API rather than filtering locally.

Benefits

  • Frontend performance scales with large API lists
  • Smooth and responsive API list experience
  • Consistency with backend pagination and search behavior

Metadata

Metadata

Assignees

No one assigned

    Labels

    Area/ManagementAny issues related to Management API or Management Portal UIType/UX

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions