Skip to content

## FRONTEND: Implement Load More Pagination on Discover Page #784

@OSEH-svg

Description

@OSEH-svg

Description
The Discover page currently loads all events in one fetch. Once the backend pagination endpoint is live, the frontend needs a "Load More" button to request subsequent pages.

Tasks

  • Add a page state variable to the Discover page, initialised at 1.
  • Append new results to the existing event list on each "Load More" click.
  • Hide the button when the API meta.total count has been reached.
  • Show a loading spinner inside the button while fetching.
    Acceptance Criteria
  • Clicking "Load More" appends the next page of results without replacing existing cards.
  • Button disappears when all events have been loaded.
  • No duplicate event cards appear across pages.
    Dependencies
  • Depends on server-side pagination being live on the backend.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    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