[GoodID-UI]: Recent claims list

[L03TJ3]

Business Description

After a user has claimed we want to show a list of recent claims

• [x] - how many 'recent-claims' do we want to show? 10
• [x] - should the try again button show additional modal/copy before doing the claim. eg. instructing a user to maybe make sure it has enough gas? other things to consider (to prevent someone keep re-doing a transaction, failed transactions cost gas too)

Detailed Description of Functionality

A user has claimed, and the claim-screen update to its post-claim state. This includes a list of recent claims. The recent-claims list is a list of the all the claims done in the last 30 days.

Technical Implementation

• [ ] create a themed variant of the ClaimButton for 'try-again'
• [ ] Implement a 'try-again' flow in case a transaction failed (on the blockchain)
  • should be a callback passed down to the transaction-card
  • should trigger a single transaction
  • should show a 'keep-in-mind' modal to instruct users about transactions
• [ ] fetch recent claims from ubi-pools
• [x] controller should also handle the formatting of transaction details to be passed down to transaction-state-card
• [x] Get a list of recent claims.
  • Could be done based on local-storage items created added when a user has claimed
  • Could be done fetching recent transactions from explorer/blockchain filtered on 'claim'
• [x] implement a simple controller handling the fetching of recent claims
• [x] Should implement rows of transaction state card

Design Reference:

reference: https://www.figma.com/file/ihw1PxBvLxacTHnN2aj4lC/3.-Product?type=design&node-id=12954-42103&mode=dev

Preview-recent claim list UI:

(keep-in-mind modal)

Acceptance Criteria

Specify criteria that will be used to determine if the feature meets the requirements and functions correctly.

• [ ] (Should include a list of testing points for QA how to verify design/functionality) filled out by the development team or can contain suggestions._

[L03TJ3]

@sirpy @decentralauren can both of you verify the TBD's and provide feedback?

[decentralauren]

• [x] - how many 'recent-claims' do we want to show? Wallet: all Dapp: 10

• [x] - should the try again button show additional modal/copy before doing the claim. eg. instructing a user to maybe make sure it has enough gas? other things to consider (to prevent someone keep re-doing a transaction, failed transactions cost gas too) This is a great idea. I'll work with @sanajamm to mock something up. Are we able to indicate why the transaction failed either on this card or on the transaction detail page (receipt)?

[L03TJ3]

@decentralauren sometimes but not always as there can be a variety reasons why it might have failed. some have proper error context returned, others dont.

I was just thinking about something generic with most common 'keep-in-mind when retrying this' copy to keep it simple

[decentralauren]

@L03TJ3 added a "try again" confirmation modal. Great call