-
Notifications
You must be signed in to change notification settings - Fork 896
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
Conversation
9f23cfa
to
ba32629
Compare
Use media queries
ba32629
to
9535d4a
Compare
components/brave_wallet_ui/components/desktop/nft-ipfs-banner/nft-ipfs-banner.style.ts
Outdated
Show resolved
Hide resolved
components/brave_wallet_ui/components/desktop/nft-ipfs-banner/nft-ipfs-banner.style.ts
Outdated
Show resolved
Hide resolved
components/brave_wallet_ui/components/desktop/nft-ipfs-banner/nft-ipfs-banner.style.ts
Outdated
Show resolved
Hide resolved
…nft-ipfs-banner.style.ts Co-authored-by: Douglas Daniel <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
++
There was a problem hiding this 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> | |||
|
There was a problem hiding this comment.
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.', |
There was a problem hiding this comment.
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
* 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]>
Verification passed on
Verified
|
Light | Dark |
---|---|
Banner Uploading
Light | Dark |
---|---|
Banner Success
Light | Dark |
---|---|
NFT-IPFS Interstitial page
Light | Dark |
---|---|
NFT-IPFS Interstitial page (Available NFT pins)
Light | Dark |
---|---|
NFT Details page
Light | Dark |
---|---|
- Encountered brave-browser#29514
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
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]>
Resolves brave/brave-browser#28986
Resolves brave/brave-browser#29009
Submitter Checklist:
QA/Yes
orQA/No
;release-notes/include
orrelease-notes/exclude
;OS/...
) to the associated issuenpm run test -- brave_browser_tests
,npm run test -- brave_unit_tests
wikinpm run lint
,npm run presubmit
wiki,npm run gn_check
,npm run tslint
git rebase master
(if needed)Reviewer Checklist:
gn
After-merge Checklist:
changes has landed on
Test Plan: