[GoodId-flow]: GoodId-Details

L03TJ3 commented 3 months ago

Business Description

The GoodIdDetails component needs to be refactored to align with the updated design(s)

Design Reference:

(pre-upgrade)

(post-upgrade)

Detailed Description of Functionality

When user did not do the good-id upgrade flow, the 'pre-upgrade' screen should be shown.

User actions:

By clicking on the 'upgrade' button a user can redo the face-verification flow. look here for example
by clicking on the 'copy' icon, a user wallets address should be copied to its clipboard. Can look here for a example how to implement in good-design
clicking on 'show my face-id' is already implemented here 3a. the pre / post state of the face-id field can be seen above in the pre/post upgrade screens (the face-id field behaves the same for both) 3b. Should implement the copy button (see point 2) 3c. the delete flow is already implemented here

when a user did the upgrade flow already, the 'post-upgrade' screen should be shown. Difference between the two is post-upgrade the good-id card is shown

TBD

[ ] - Implement a check to verify if someone did the upgrade flow. Explanation what needs TBD can be found here

Technical Implementation

[x] - add the good-id card to be shown post-upgrade in good-id details
[x] - add a hook for copying field-contents to eg: clipboard hook
[x] - update GoodIdDetails aligned with the new design
[ ] - implement the updated screen in gooddapp. pre/post-upgrade

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._