Pagination to show only arrows

[darcimm]

We're adding pagination to an SQL jobs page, however the engineering team would like to reduce the component by removing the pages and only showing left/right arrows.

Original component

Proposed

The reason they want to do this is "because to display the numbers for pagination we have to get all the sql jobs from the database in the backend. If we only show the arrows we can just fetch 10 entries at a time. I think this would improve the performance loading time on the app for the user."

Do you have any recommendations to improve performance of the original pagination component? If not, is displaying only arrows a good workaround? Any other ideas? Thanks!!

[brannytempy]

Hi @darcimm 👋

This breaks Evergreen's standards today, but I recommend you follow Paste's guidance. They support simple next/previous buttons.

For instances when you are progressively fetching items, you could also consider adding custom labels

The example above shows how you could potentially have this be more clear to the user, while not showing the total amount.