feat: add message pagination to buy-me-coffee so you can read all messages

[oceans404]

What changed? Why?

Pagination of messages in buy-me-coffee

I forked the repo to build and noticed a comment that had a "pagination TODO" in the buy-me-coffee app. I was implementing pagination in my fork anyway, so I figured the based thing to do is also commit it to BOAT. Video demo

✅ Page size is configurable and set to 5 so that the Guide is still relatively close to the fold
✅ Current page displayed
✅ Read older messages button is disabled if you're on the first page
✅ Read newer messages button is disabled if there are no newer records

Notes to reviewers

Unfortunately the smart contract doesn't return the number of messages / memos, there's no good way of knowing the total without starting at 0 and counting up to the end, so messages go from oldest to newest rather than newest to oldest, which would be more ideal.

If the smart contract is refactored, you can reuse most of my pagination solution ☺️

How has it been tested?

Tested on by creating a new BOAT app with this version of the template on localhost - Video demo: pagination of messages in buy-me-coffee

[danimesq]

@oceans404

Thanks for this! Will use on my project by cherrypicking your commit.

Unfortunately the smart contract doesn't return the number of messages / memos, there's no good way of knowing the total without starting at 0

I will find a way to implement this and do a PR soon

[danimesq]

It is displaying the pagination despite there being just 1 message.
@oceans404 the implemented commit in my project is the same from yours: danimesq/OnchainIPFS@0a440f6.