Add related and visited NFTs

[preschian]

Thank you for your contribution to the KodaDot NFT gallery.
👇 _ Let's make a quick check before the contribution.

PR type

• Bugfix
• Feature
• Refactoring

What's new?

• PR closes Related strip of NFTs contextual to NFT item #990

Before submitting Pull Request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged the 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
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </rmrk/collection/26902bc2f7c20c546a-1FVG7>
• I've tested PR on mobile and everything seems works
• I found edge cases
• I've written some unit tests 🧪

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.

[netlify]

✅ Deploy Preview for koda-nuxt ready!

Name	Link
🔨 Latest commit	e1e246c
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/6247350bc9f8d10009dd0fd7
😎 Deploy Preview	https://deploy-preview-2722--koda-nuxt.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.

[yangwao]

oh nice!

https://deploy-preview-2722--koda-nuxt.netlify.app/rmrk/gallery/11275828-800f8a914281765a7d-KITTY-KITTY_PARADISE_262-0000000000000262

[yangwao]

@preschian are you showing in the first row the sorted by cheapest ?

test cases

https://deploy-preview-2722--koda-nuxt.netlify.app/rmrk/gallery/10979592-8c5359d2bddaca9f4c-BBSF-COMMAND_CHIEF_MASTER_SERGEANT_FROMAGE-0000000000000080

https://deploy-preview-2722--koda-nuxt.netlify.app/rmrk/gallery/9436879-c095ca1430a05e7d6b-TOPIA-THE_ENLIGHTENED_PYRAMID_091-0000000000000091

[preschian]

oops, I forgot to mention the order. currently orderBy: createdAt_DESC

nft-gallery/queries/rmrk/subsquid/collectionEntityById.graphql

Line 7 in 7e66643

orderBy: createdAt_DESC

let me try with that

[preschian]

Updated with sorted by cheapest, and then newest. orderBy: [price_ASC, updatedAt_DESC]. Is the graphql query correct?

[yangwao]

seems to work well, will wait for code review

[vikiival]

Let's make the code more reusable 🥺

[vikiival]

Also both new components are doing the same logic :) it would be far better to make one common component which can tackle both.

[vikiival]

🙈

[preschian]

DeepScan scans unrelated files in this PR 🤔

[preschian]

oh, it seems not triggering on route change (homepage to item), checking

[preschian]

updated, ready for review again 🙏🏻

[vikiival]

code looks definitely cleaner

just move the Min to the constants and make sure that all previous comments are resolved :)

[preschian]

code looks definitely cleaner

just move the Min to the constants and make sure that all previous comments are resolved :)

yaps, previous comments should be updated also. some of them outdated

[vikiival]

DID NOT test 🧪

code is ~oki

[yangwao]

Found container 🫙 is broken on mobile again 😬 and it's moving, but I guess we can postpone it to another following issue.

Record_2022-04-02-10-36-02.mp4

[yangwao]

pay 300 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $300 @ 195.63 USD/KSM ~ 1.534 $KSM
🧗 DY4SQF2iD456tH89aQtz5wv1EV3BbSW8wKKuMcwbmXaj1pM
🔗 0x22f7ec0072454afb40b92070fa0ed6f7c09aecb73511793a1c0e4d9db5151191

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

[preschian]

Found container 🫙 is broken on mobile again 😬 and it's moving, but I guess we can postpone it to another following issue.

Record_2022-04-02-10-36-02.mp4

oops 😱

thanks a lot @yangwao @vikiival