Refactor pagination

[maggie44]

When you have loaded all the results, the Load More button greys out. But when you have filtered results, it doesn't know you have reached the end of the results because it is still using totalCount from GraphQL. Related to issue: #2

[maggie44]

Also not greying out when getting to bottom of list. May be because it includes the count for unpublished content.

[maggie44]

It was to do with drafts. This will likely be resolved along with #2.

[maggie44]

Now looking to change the ‘load more’ button to a next/previous page feature (pagination). Hopefully that will resolve the issue with needing to count all the entries through GraphQL and the issue of the load more button not working very well.

[maggie44]

The Load More button never really worked well, because of the Strapi issues counting results in GraphQL. I’m thinking best to change this to pagination. If need be, could query all the results to get the total numbers. This isn’t ideal resources wise, but it is always going to be a pretty small database, and as long as we are not pulling all the images and only the text data it shouldn’t make much difference.

[maggie44]

Implemented infinite scroll. Ideally need to wait for Strapi v4 for better GraphQL support to be able to allow loading of next set of results rather than reload of them all on each scroll. Will look to refactor at that stage.