As user I want to list more than 100 actions in one CDP. the pagination limit is 100

[cristianmalfesi]

Estimated time: 1pt Issue: Subgraph graphql only returns 100 records of one entity. By default. To Do: - We need to add pagination configurable, so user can list actions by 10, 50, 100 per page.

• Add a dropdown that let to select to list by 10 (default), 50 or 100 actions. -- Add links/buttons Top, Next, Previous, Last so user can navigate the actions

Acceptance Criteria:

•  User list one cdp that has more than 100 actions at cdpexplorer
• By default cdpexplorer return 100 and let to continue to the next page.
• User can to to the top and the end of the list
• User can go to the next page or previous page
• If there is only one page of actions to list, navigation buttons must be inactive.   Links and resources:

[nicosampler]

Resolved here: https://github.com/chm1975/makerdao-subgrapqh-consumer/pull/3.

Notes:

• The pagination has some limitation, we can not implement "last" and "range", because we do not have a way to query the total items amount.

• The prior limitation explained has as consequence that we can not use a library from npm to implement the pagination, because all of them require the total items amount as a required prop. For simplicity we have fixed the pagination size to 10.