feat: Add parent tab to GalleryItemDescription

[Matehoo]

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 Show parent nft in the item detail #5673
• 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 5ea0663

This pull request adds the functionality to display the parent NFT of a gallery item, if it exists, in a new tab on the gallery item page. It modifies the useGalleryItem function, the NFT interface, and several GraphQL queries to fetch and handle the parent NFT data. It also adds a new translation key and some styles for the parent tab.

🤖 Generated by Copilot at 5ea0663

Sing, O Muse, of the skillful code that added parent to the NFT
And how it fetched the metadata of the ancient and the new
With fragments and queries, the useGalleryItem function was enhanced
To show the nested NFTs and their origin in the gallery view

[kodabot]

WARNING @Matehoo PR for issue #5673 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #5673

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	3f79df4
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64468542190d5a0008af1e55
😎 Deploy Preview	https://deploy-preview-5735--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 a new parent tab to the GalleryItemDescription component. The parent tab displays the parent NFT's media item and name if a parent NFT exists. The patch includes updates to GraphQL queries to fetch parent NFT data, relevant styles for the new parent item, and changes to the GalleryItemDescription.vue and useGalleryItem.ts files to support the new parent tab. Additionally, the "Parent" label has been added to the localization files for English translations.

[vikiival]

Otherwise ok

[vikiival]

Otherwise ok

[exezbcz]

The 4 tab selection will be a bit tricky on mobile but I will deliver design for this, created follow up that will solve this:

• Parent nft item detail design #5754

dont want to hold this pr just because of that, feel free to merge I guess

[vikiival]

@Matehoo can you share a link that you used for testing ?

[Matehoo]

@Matehoo can you share a link that you used for testing ?

if you mean what nft i used http://localhost:9090/ksm/gallery/17528332-3a4100ce6c6ae0292c-KDWINGS-RHAEGAL_GREEN_WINGS-0000000000000096

[vikiival]

cc @Matehoo can you please resolve conflicts

[vikiival]

Let's go

[codeclimate]

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

View more on Code Climate.