fix: Statemine properties not showing

[Jarsen136]

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

Needs QA check

• @kodadot/qa-guild please review

Context

• Closes Statemine properties not showing #6426
• Requires deployment <snek/rubick/worker>

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

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

/stmn/gallery/3-1

Copilot Summary

🤖 Generated by Copilot at 57c6b3b

This pull request fixes a bug in displaying NFT attributes and updates the stick indexer URL to use the latest version. It modifies useNft.ts, indexers.ts, nftById.graphql, and constants.ts to handle the new NFT attributes format.

🤖 Generated by Copilot at 57c6b3b

stick indexer v4
fixes NFT attributes
fall is for bug squash

[kodabot]

SUCCESS @Jarsen136 PR for issue #6426 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	41740b9
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64b6aad10c0bb50007d85290
😎 Deploy Preview	https://deploy-preview-6438--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 provides a fix for the issue where Statemine properties were not displaying. This is accomplished by modifying four files - useNft.ts, indexers.ts, nftById.graphql, and constants.ts.

The changes include updating indexer stmn and stick URLs from v3 to v4 in indexers.ts and constants.ts files. These updates are presumably to use the latest version of the endpoint. In useNft.ts, the getter for attr has been changed to give priority to nft?.attributes over nft?.meta?.attributes, this will ensure that attributes are properly pulled and displayed.

The nftById.graphql file has also been updated to include the retrieval of attributes { key: trait, value }, which would allow the NFT attributes to be fetched when an NFT is queried by its ID. These changes overall aim to appropriately retrieve and display Statemine properties, enabling a better user experience.

[roiLeo]

Tested on https://deploy-preview-6438--koda-canary.netlify.app/stmn/gallery/9-231

✅ code lgtm

[vikiival]

Otherwise LGTM

[prury]

once this is merged, I'll be opening another issue for this:

https://deploy-preview-6438--koda-canary.netlify.app/stmn/gallery/9-143

[codeclimate]

Code Climate has analyzed commit 41740b9 and detected 1 issue on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	1

View more on Code Climate.

[vikiival]

pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 5.15 USD/DOT ~ 3.883 $DOT
🧗 16SjUbGKSdjCdWTy3NNT3JxbRVGGqD4mwkHpc6BD9U2Rp29Z
🔗 0xad9080282965edd220ccb252ecb1b1d7c63779c14bbb29373de6a65c0b2e89ba

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