#5772 nsfw changes in gallery

[prachi00]

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

• Partially Related NSFW tag/content changes  #5772
• Requires deployment <snek/rubick/worker>

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

Had issue bounty label?

• Fill up your KSM address:
  Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

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

Copilot Summary

🤖 Generated by Copilot at 4aab639

This pull request adds support for NSFW media items in the gallery, by blurring them and allowing the user to toggle the blur. It modifies the GalleryItem, MediaItem, and GalleryItemDescription components to use the NSFW trait as a prop and an icon.

🤖 Generated by Copilot at 11e5d62

Blinded by the lewdness, you can't see the truth
isLewd is the judge, the traitor and the proof
Reveal the hidden content, with a click of fate
But beware of the console.log, it might be too late

[kodabot]

SUCCESS @prachi00 PR for issue #5772 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	e878ca1
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/645821667689dc00083d82f6
😎 Deploy Preview	https://deploy-preview-5844--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.

[reviewpad]

AI-Generated Summary: This pull request introduces changes related to the handling of NSFW (Not Safe For Work) content in the gallery. It modifies 3 files: GalleryItem.vue, GalleryItemDescription.vue, and MediaItem.vue. The patch adds a method to display an explicit content warning and blur the content for NSFW media items. Users are required to confirm their age and consent before revealing the content. Additionally, it updates the logic to only show the full-screen option if the content is not NSFW.

[prachi00]

Leftovers:

• Adding "hide all content tagged with nsfw" in settings, I am not sure how would we filter this in explore
• NSFW Cards - again not sure where to get nsfw values for cards since it isnt done yet for nftentities

[yangwao]

@kodadot/qa-guild

[vikiival]

please use lewd instead of nsfw in code

[degenofdotsama]

so this doesn't blur the home page preview but only if you click on an NFT?

it works fine when clicking on a NSFW NFT but does nothing

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[prachi00]

so this doesn't blur the home page preview but only if you click on an NFT?

it works fine when clicking on a NSFW NFT but does nothing

yeah for explore we need kodadot/rubick#173 and kodadot/loligo#22 to clear first

[Jarsen136]

code lgtm

[codeclimate]

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

View more on Code Climate.

[prachi00]

can we merge this?

[vikiival]

pay 45 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $45 @ 26.01 USD/KSM ~ 1.73 $KSM
🧗 EzGc4s9PgCPx1YnF3fqzhLzVHpHMTL4LWPScwpDrR8JKgSU
🔗 0x93d2e570a32ec205a3f73ed52ea55bc68c3af4c89ccd6f3f1234b9d770105d39

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