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

#645 | IPFS NFTs #665

Merged
merged 40 commits into from
Nov 15, 2023
Merged

#645 | IPFS NFTs #665

merged 40 commits into from
Nov 15, 2023

Conversation

ezra-sg
Copy link
Contributor

@ezra-sg ezra-sg commented Nov 13, 2023

Fixes #645

Includes work by @Viterbo from #667

Description

This PR enables viewing of IPFS NFTs. It also fixes a few issues:

  • video NFTs now correctly show the hover preview when in icon mode (such as list view - NFT inventory page)
  • very tall video NFTs no longer break the NFT detail page layout
  • NFT detail cards (on the NFT detail page, such as "Owner" and "Description") no longer grow in height when used with very tall NFTs
  • you can now access the NFT detail page when not logged in (fixed by @Viterbo - underlying issue was that the contract manager relied on a Signer, but now uses a Provider as a fallback)

Test scenarios

Hover working for video NFTs:

Recording.2023-11-13.165354.mp4

Checklist:

  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have cleaned up the code in the areas my change touches
  • My changes generate no new warnings
  • Any dependent changes have been merged and published in downstream modules
  • I have checked my code and corrected any misspellings
  • I have removed any unnecessary console messages
  • I have included all english text to the translation file and/or created a new issue with the required translations for the currently supported languages
  • I have tested for mobile functionality and responsiveness
  • I have added appropriate test coverage

Copy link

netlify bot commented Nov 13, 2023

Deploy Preview for wallet-staging ready!

Name Link
🔨 Latest commit 6aba824
🔍 Latest deploy log https://app.netlify.com/sites/wallet-staging/deploys/6553fc66791fed0008df67e1
😎 Deploy Preview https://deploy-preview-665--wallet-staging.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Nov 13, 2023

Deploy Preview for wallet-develop-mainnet ready!

Name Link
🔨 Latest commit 6aba824
🔍 Latest deploy log https://app.netlify.com/sites/wallet-develop-mainnet/deploys/6553fc66eb341c00080f7175
😎 Deploy Preview https://deploy-preview-665--wallet-develop-mainnet.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@@ -92,7 +92,7 @@ export default abstract class EVMChainSettings implements ChainSettings {

// Interceptor handlers -- these handlers are used to limit the number of concurrent requests
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const requestHandler = (value: InternalAxiosRequestConfig) => new Promise<InternalAxiosRequestConfig<any>>((resolve) => {
const requestHandler = (value: any) => new Promise<any>((resolve) => {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

fix new error saying InternalAxiosRequestConfig does not exist

@@ -447,7 +447,7 @@ onUnmounted(() => {
@click="goToDetailPage(props.row)"
@keydown.space.enter.prevent="goToDetailPage(props.row)"
>
<template v-if="props.row.image">
<template v-if="props.row.image || props.row.isVideo">
Copy link
Contributor Author

Choose a reason for hiding this comment

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

fix the issue where the hover preview for NFT tile icons would not show for video NFTs

@@ -398,7 +398,12 @@ function setHoverPreviewVisibility(visible: boolean) {
&--preview {
max-height: 270px;

#{$this}__image {
#{$this}__video-container {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

fix grid blowout for tall videos

@ezra-sg ezra-sg self-assigned this Nov 13, 2023
@ezra-sg ezra-sg changed the base branch from develop to master November 13, 2023 22:00
@ezra-sg ezra-sg changed the base branch from master to develop November 13, 2023 22:00
@ezra-sg ezra-sg changed the title 645 ipfs nfts #645 | IPFS NFTs Nov 13, 2023
@ezra-sg ezra-sg marked this pull request as ready for review November 14, 2023 21:43
Copy link
Collaborator

@Viterbo Viterbo left a comment

Choose a reason for hiding this comment

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

Nice, clean and working! 👍
Just the way I like it 👌

@donnyquixotic donnyquixotic merged commit d4976bf into develop Nov 15, 2023
9 checks passed
@donnyquixotic donnyquixotic deleted the 645-ipfs-nfts branch November 15, 2023 16:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Investigate broken IPFS NFTs
3 participants