feat: remove hover action on touch device

[newraina]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Mobile hover cards  #7870
• Requires deployment <snek/rubick/worker>

Clicking on the NFT card now takes you directly to the detail page instead of the hover action buttons.

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

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Did your issue had any of the "$" label on it?

• Fill up your DOT address: Payout

Community participation

• Are you at KodaDot Ecosystem Telegram?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖 Generated by Copilot at e3488b5

This pull request adds a feature to hide the buy button for NFTs on touch devices, where hovering is not possible. It uses a hideAction prop and a media query hook in the ItemsGridImage and ItemsGridImageTokenEntity components, which are used by the ItemsGrid component.

🤖 Generated by Copilot at e3488b5

No buy button on the touch screen
Hide the action, unleash the dream
Media player, your NFT supreme
ItemsGridImage, the component of doom

[kodabot]

SUCCESS @newraina PR for issue #7870 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	e3488b5
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/653f98bab647160008862eb0
😎 Deploy Preview	https://deploy-preview-7889--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 configuration.

[reviewpad]

AI-Generated Summary: This pull request introduces a feature that hides the hover action on touch devices. It modifies three Vue components: ItemsGrid, ItemsGridImage, and ItemsGridImageTokenEntity. It adds checks for "isTouchDevice" and "hideNFTHoverAction" and these parameters are used to control elements' visibility on different screen types. The hover action visibility is deactivated on touch devices to improve user experience and avoid potential issues with hover functionality on such devices.

[codeclimate]

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

View more on Code Climate.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.8% Duplication

[prury]

hmmm, seems that it was a chrome thing, working!

[yangwao]

thanks!
pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 4.35 USD/DOT ~ 4.598 $DOT
🧗 1CAv6Zq3yVxL3eKhC94GWTWVwp1w4jZbqeZ6wXx1rPAhrce
🔗 0xc82855a8fa0828a2d757e92f474dd1ccdc9670be32467b1c7d018205f1a8faf3

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues

[yangwao]

pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 4.34 USD/DOT ~ 4.608 $DOT
🧗 1CAv6Zq3yVxL3eKhC94GWTWVwp1w4jZbqeZ6wXx1rPAhrce
🔗 0x5d4c5eca26df94ad899a1ca3a7e652c42a9f192dabfbc0105547a0af236e3b88

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues