HomePhabricator

[Cashtab] Receive screen improvements

Description

[Cashtab] Receive screen improvements

Summary:
QR code is an important part of any crypto wallet app. It's the only thing we want to see on the Receive screen and should take up most of the space.

Users do not read the entire address string. So, only show a preview.

Show the entire address in monospace blocks when it is copied.

Test Plan:
npm start, confirm the QR code can be scanned at widths > 500px and and 320px, confirm this looks better.
npm run extension or set dimensions at 400 width 600 height in dev console, confirm qr code renders above the fold
review added test cases and npm test

Reviewers: #bitcoin_abc, emack

Reviewed By: #bitcoin_abc, emack

Subscribers: emack

Differential Revision: https://reviews.bitcoinabc.org/D15304

Details

Provenance
bytesofmanAuthored on Jan 26 2024, 23:52
bytesofmanPushed on Jan 29 2024, 04:05
Reviewer
Restricted Project
Differential Revision
D15304: [Cashtab] Receive screen improvements
Parents
rABC809f8bf15696: [Automated] Update chainparams
Branches
Unknown
Tags
Unknown