Skip to content

feat: Integrate a responsive pagination component for data tables #77

@AlAfiz

Description

@AlAfiz

Description

As we add more tokens and pools, our data tables will become too long to display on a single page.
We need a reusable <Pagination /> UI component that can be placed at the bottom of any table.
It should feature "Previous" and "Next" buttons, along with clickable page numbers.
For now, it only needs to manage its own internal visual state, not actual data slicing.

Requirements

  • Create components/ui/Pagination.tsx.
  • Accept currentPage, totalPages, and onPageChange as props.
  • Render a styled "Previous" button that is disabled if currentPage === 1.
  • Render a styled "Next" button that is disabled if currentPage === totalPages.
  • Add the component to the bottom of the /pools overview table.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions