Pagination Ideas

[jnebab]

Hi guys, we need your input on what pagination you think is best for the directory. We are leaning toward the Load More button but infinite scrolling is also a good option, especially for mobile users. The only caveat for infinite scrolling and load more is that it might get too long for desktop users. Here are more options just in case:

Numbered Pagination

Previous and Next Pagination

Previous and Next Pagination with current page and total items

Load More button only

Infinite Loading on Scroll down

https://react-infinite-scroll-component.netlify.app/?path=/story/components--infinitescroll

---

UPDATE: submitted as feature request here: #41

[warengonzaga]

@jnebab I prefer the first one. 👀 Not sure with the other community if they agree on it.

[kquirapas]

@jnebab Would there be any issue if we do the following:

1. 3 for desktop users
2. Infinite scroll for mobile?

[jnebab]

I believe it can work, it will just take a longer time to implement.

[RAcbd]

1 and 3 are pretty standard for desktop users. Infinite scrolling is okay on mobile as long as we also implement a filter or search.

[jnebab]

then we can do 3 for desktop and infinite for mobile. we can create an issue for his feature @warengonzaga. someone might want to implement it. as for filter and search. what do you think we prioritize first? filter/search or pagination?

[warengonzaga]

I believe @jnebab I'll create an issue for pagination and search filter therefore we can attach it to any PR we'll receive. Then tagging this idea back here for reference.