Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(wallet): NFT Pinning design updates #17557

Merged
merged 3 commits into from
Apr 3, 2023
Merged

Conversation

muliswilliam
Copy link
Contributor

@muliswilliam muliswilliam commented Mar 10, 2023

Resolves brave/brave-browser#28986
Resolves brave/brave-browser#29009

Submitter Checklist:

  • I confirm that no security/privacy review is needed, or that I have requested one
  • There is a ticket for my issue
  • Used Github auto-closing keywords in the PR description above
  • Wrote a good PR/commit description
  • Squashed any review feedback or "fixup" commits before merge, so that history is a record of what happened in the repo, not your PR
  • Added appropriate labels (QA/Yes or QA/No; release-notes/include or release-notes/exclude; OS/...) to the associated issue
  • Checked the PR locally:
    • npm run test -- brave_browser_tests, npm run test -- brave_unit_tests wiki
    • npm run lint, npm run presubmit wiki, npm run gn_check, npm run tslint
  • Ran git rebase master (if needed)

Reviewer Checklist:

  • A security review is not needed, or a link to one is included in the PR description
  • New files have MPL-2.0 license header
  • Adequate test coverage exists to prevent regressions
  • Major classes, functions and non-trivial code blocks are well-commented
  • Changes in component dependencies are properly reflected in gn
  • Code follows the style guide
  • Test plan is specified in PR before merging

After-merge Checklist:

Test Plan:

Screenshot 2023-03-13 at 18 11 54

Screenshot 2023-03-13 at 18 12 11

@muliswilliam muliswilliam requested review from a team as code owners March 10, 2023 15:15
@muliswilliam muliswilliam self-assigned this Mar 13, 2023
@muliswilliam muliswilliam force-pushed the feat-update-ipfs-pinning branch from 9f23cfa to ba32629 Compare March 13, 2023 14:25
Use media queries
@muliswilliam muliswilliam force-pushed the feat-update-ipfs-pinning branch from ba32629 to 9535d4a Compare March 14, 2023 19:30
Copy link
Contributor

@Douglashdaniel Douglashdaniel left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

Copy link
Collaborator

@cypt4 cypt4 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@@ -587,7 +587,7 @@
<message name="IDS_BRAVE_WALLET_SOLANA_ASSOCIATED_TOKEN_PROGRAM" desc="Name of Solana Associated Token Program">Associated Token Program</message>
<message name="IDS_BRAVE_WALLET_SOLANA_META_DATA_PROGRAM" desc="Name of Solana MetaData Program">MetaData Program</message>
<message name="IDS_BRAVE_WALLET_SOLANA_SYSVAR_RENT_PROGRAM" desc="Name of Solana SysvarRent Program">SysvarRent Program</message>

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: unnecessary diff

braveWalletNftPinningCheckNftsButton: 'Check which NFTs of mine can be pinned',
braveWalletNftPinningBannerStart: 'Now you can run your IPFS and be part of web 3. Your NFT data will stay online forever and cannot be tampered with.',
braveWalletNftPinningBannerStart: 'Now you can run your IPFS and be part of web 3. Your NFT data will stay online forever.',
braveWalletNftPinningBannerUploading: 'You\’re running IPFS node. File is being uploaded to IPFS.',
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: this string doesn't reflect grdp content

@muliswilliam muliswilliam merged commit ced26ac into master Apr 3, 2023
@muliswilliam muliswilliam deleted the feat-update-ipfs-pinning branch April 3, 2023 12:15
@github-actions github-actions bot added the CI/storybook-url Deploy storybook and provide a unique URL for each build label Apr 3, 2023
@github-actions github-actions bot added this to the 1.52.x - Nightly milestone Apr 3, 2023
@muliswilliam muliswilliam restored the feat-update-ipfs-pinning branch April 4, 2023 06:44
@muliswilliam muliswilliam deleted the feat-update-ipfs-pinning branch April 4, 2023 06:50
muliswilliam added a commit that referenced this pull request Apr 4, 2023
* NFT Pinning design updates

Use media queries

* Update components/brave_wallet_ui/components/desktop/nft-ipfs-banner/nft-ipfs-banner.style.ts

Co-authored-by: Douglas Daniel <[email protected]>

* Remove getSuccessBackground && getSuccessBackground, use css variables

---------

Co-authored-by: Douglas Daniel <[email protected]>
@srirambv
Copy link
Contributor

srirambv commented Apr 5, 2023

Verification passed on

Brave 1.52.17 Chromium: 112.0.5615.49 (Official Build) nightly (64-bit)
Revision bd2a7bcb881c11e8cfe3078709382934e3916914-refs/branch-heads/5615@{#936}
OS Windows 11 Version 22H2 (Build 22621.1485)
Verified https://github.com/brave/brave-browser/issues/28986 - Passed
  • Verified UI updates to NFT pinning

Banner Main

Light Dark
brave_tuT7Bm5VMZ brave_MdPuCWPAYz

Banner Uploading

Light Dark
brave_cyCKAfDNug brave_5Z1OLXJKyy

Banner Success

Light Dark
brave_qf4NWwjD5s brave_G8cqjvrWks

NFT-IPFS Interstitial page

Light Dark
brave_vdgdqJKbb3 brave_9GdezdpiIy

NFT-IPFS Interstitial page (Available NFT pins)

Light Dark
brave_PcJrf46XWv brave_9S64hbHT3L

NFT Details page

Light Dark
brave_QnBnNMUTl9 brave_PwLjGxxoxG
Verified https://github.com/brave/brave-browser/issues/29009 - Passed
  • Verified NFT-IPFS Icon is always shown
  • Verified on hover changes the button colour
  • Verified still able to click the button to show/hide the message
  • Verified button visibility on both dark and light theme
29009.mp4

brave-builds added a commit that referenced this pull request Apr 5, 2023
kjozwiak pushed a commit that referenced this pull request Apr 5, 2023
feat(wallet): NFT Pinning design updates (#17557)

* NFT Pinning design updates

Use media queries

* Update components/brave_wallet_ui/components/desktop/nft-ipfs-banner/nft-ipfs-banner.style.ts



* Remove getSuccessBackground && getSuccessBackground, use css variables

---------

Co-authored-by: Douglas Daniel <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CI/storybook-url Deploy storybook and provide a unique URL for each build feature/web3/wallet/core feature/web3/wallet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

NFT-IPFS Icon is only shown on hover NFT Pinning design updates
4 participants