Page MenuHomePhabricator

[Cashtab] Create TokenIcon Component
ClosedPublic

Authored by kieran709 on Feb 22 2022, 18:00.

Details

Reviewers
bytesofman
Group Reviewers
Restricted Project
Commits
rABC4566bcd1dac4: [Cashtab] Create TokenIcon Component
Summary

Created TokenIcon component and added it throughout the app.

Test Plan

cd web/cashtab
npm start
Ensure that there are token txs within recent history
Check that custom token icons and generated icons are appearing
Naviagate to eTokens tab
Check that custom token icons and generated icons are appearing
Navigate to SentToken page
Check that custom icons and generated icons are appearing in the amount field of the send form

Diff Detail

Repository
rABC Bitcoin ABC
Branch
create-token-icon-component
Lint
Lint Passed
Unit
No Test Coverage
Build Status
Buildable 18344
Build 36493: Build Diffcashtab-tests
Build 36492: arc lint + arc unit

Event Timeline

  1. Remove the popover functionality
  2. Make the default size 64 on the SendToken.js page
This revision now requires changes to proceed.Feb 22 2022, 20:07

Removed antd popover from SendToken.js per discussion with bytesofman.

Increased token icon size on SendToken page to 64.

bytesofman added inline comments.
web/cashtab/src/components/Home/TokenListItem.js
6 ↗(On Diff #32496)

Can you remove TokenIconWrapper without impacting this page?

This revision now requires changes to proceed.Feb 22 2022, 21:07

Removed styled component TokenIconWrapper.

Re-added TokenIconWrapper & updated snapshots.

bytesofman added inline comments.
web/cashtab/src/components/Tokens/TokenIcon.js
18 ↗(On Diff #32499)

Noting here that it's okay to leave these hardcoded. Intent here is for the blockies to never be more than 32. We might want to change that later but probably not.

This revision is now accepted and ready to land.Feb 23 2022, 21:36
This revision was automatically updated to reflect the committed changes.