Skip to content

feat: add pagination to Vouch page lists #74

Description

@EmeditWeb

Problem

The Vouch page fetches all vouch requests and active vouches at once with no pagination. As the platform grows, mentors with many requests/active vouches will experience slow page loads.

User impact: Slow page load for mentors with many vouch requests.

Root Cause

The vouch service and page were built without pagination support.

What To Build

  1. Add page and limit params to vouching.service.ts:getVouchRequests() and getActiveVouches()
  2. Add pagination controls to the Vouch page for both sections
  3. Add loading state during page transitions

Files To Touch

  • src/pages/Vouch.tsx — add pagination
  • src/services/vouching.service.ts — add pagination params

Acceptance Criteria

  • Pagination controls on both vouch requests and active vouches
  • Loading state during page changes
  • Works with page/limit API parameters

Mandatory Checks

  • context/ files read
  • npm run build passes
  • PR references this issue

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions