🔧 Audio resource

[roiLeo]

Tested on /ksm/gallery/15297998-900d19dc7d3c444e4c-PLANETPO-DEEPOLOGIC_PLANET_PO_EP-00000004

PR Type

• Bugfix

Context

• Closes Music Collection is not displayed correctly #6015

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Screenshot 📸

Copilot Summary

🤖 Generated by Copilot at 210dd3b

This pull request updates the gallery and search components to handle different media types for NFTs, such as images and animations. It also adds custom icons for NFT collections using the NeoIcon component. It modifies the GalleryItem, useGalleryItem, SearchSuggestion, and useNft files to implement these features.

🤖 Generated by Copilot at 210dd3b

GalleryItem changed
Mapping NFT resources
Debugging in spring

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	8b6c342
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/646cd23ddd201f00075c38e9
😎 Deploy Preview	https://deploy-preview-6031--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[Jarsen136]

otherwise lgtm

[daiagi]

Clicking on the full screen button leads to placeholder image (tested on mobile)

[exezbcz]

Can we please make the audio file nft preview square 🥺

[vikiival]

Can we please make the audio file nft preview square 🥺

It should show image along with audio?

[exezbcz]

@vikiival nope, just stretch the container to be square. The next step is this:

• Better Visual integration for music files #5228

[codeclimate]

Code Climate has analyzed commit 2acdd10 and detected 0 issues on this pull request.

View more on Code Climate.

[roiLeo]

Sorry for that I broke my branch

Now it looks like this

⚠️ I may have break MediaItem view

[exezbcz]

Now it looks like this

yup, that looks good

[prury]

rdy for testing?

[roiLeo]

rdy for testing?

Always when

note: scope here is to update Audio ressource container & remove fullscreen mode for audio

[prury]

rdy for testing?

Always when

note: scope here is to update Audio ressource container & remove fullscreen mode for audio

cool cool, hey, working fine on Firefox/Chrome for desktop, but i'm running into some loading issues when using chrome for mobile:

chrome.mp4

[roiLeo]

weird it worked for me

[jkdizajn]

hello, good job! The audio is already working. If it could be:

1. put there an auto-stop when the second audio starts
2. cover image could be in the background of the player

firefox_Z1AAZvtiwp.mp4

[exezbcz]

@jkdizajn Hello sir, have you seen:

• Better Visual integration for music files #5228

Can you please lmk if most of the issues are solved there 👀