GoodDollar / GoodWeb3-Mono

mono repo with GoodDollar's web3 UI components and SDK
https://gooddollar-storybook.vercel.app
0 stars 0 forks source link

Updated Claim Flow - Add "Claim from other chain" to end of claim flow #164

Open decentralauren opened 1 month ago

decentralauren commented 1 month ago

Business Description

When the user is claiming from one chain, they should be prompted to then claim from any other chains. When the wallet has not yet claimed from another chain in that claim period, update the post-claim screen to include "claim from X" button.

Detailed Description of Functionality

Technical Implementation

*Outline the technical approach for building the feature. This section is typically filled out by the development team or can contain suggestions. (dev team: @johnsmith-gooddollar @sirpy @L03TJ3)

Design Reference

See comment below from @SanaJamm

Acceptance Criteria

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

Test Cases

Specify the happy path and unhappy path scenarios to test to verify the feature works as expected.

decentralauren commented 1 month ago

@sanajamm please update this ticket when ready :)

decentralauren commented 1 month ago

@L03TJ3 - can we tell if someone has claimed already from the other chain? or should we always offer "claim on other chain"?

L03TJ3 commented 1 month ago

@decentralauren we can tell yes, its what we currently are doing for gooddapp

SanaJamm commented 1 month ago

@L03TJ3 @decentralauren I'm attaching the final design:

GoodWallet:

Screenshot:

Screen Shot 2024-06-05 at 12 08 41

Figma: https://www.figma.com/design/ihw1PxBvLxacTHnN2aj4lC/3.-Product?node-id=18322-69541&t=V7tkDpcPlY8xIYyt-1 Full flow: https://www.figma.com/design/ihw1PxBvLxacTHnN2aj4lC/3.-Product?node-id=19626-143358&t=erGlH2skY5tyJj7r-1

GoodDapp:

Screenshot:

Screen Shot 2024-07-16 at 12 50 35

Figma: https://www.figma.com/design/ihw1PxBvLxacTHnN2aj4lC/3.-Product?node-id=18322-70991&t=V7tkDpcPlY8xIYyt-1 Full Flow: https://www.figma.com/design/ihw1PxBvLxacTHnN2aj4lC/3.-Product?node-id=19551-111229&t=erGlH2skY5tyJj7r-1