1508 NFT item detail - enable navigation to other items in same collection

[kkukelka]

Thank you for your contribution to the KodaDot NFT gallery.

👇 _ Do a quick check before the merge.

PR type

• Bugfix
• Feature
• Refactoring

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 respect high code quality standards
• I've didn't break any original functionality
• I've posted screenshot of demonstrated change in this PR

nav-feature.mov

Optional

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

What's new?

• PR closes Next and previous chevrons on NFT item detail  #1508
• Description:

1. Implement Navigation Component to go to next and previous items in collection
2. Collection Ids are saved in store so request has to be made only once for currently viewed collection
3. nav icons are always shown on mobile, on desktop only on hover
4. since buttons are tagged as nuxt-links, prefetching should happen automagically https://nuxtjs.org/announcements/introducing-smart-prefetching/

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 for others, is best to understand changes.

[netlify]

✔️ Deploy Preview for koda-nuxt ready!

🔨 Explore the source changes: 922fde6

🔍 Inspect the deploy log: https://app.netlify.com/sites/koda-nuxt/deploys/61bb8fc07e61d80007942db3

😎 Browse the preview: https://deploy-preview-1535--koda-nuxt.netlify.app

[yangwao]

Works well here on mobile!

21-12-16-10-12-30.mp4

[roiLeo]

On store/history.ts I would prefer writing mutations like constants to make a difference with actions.

[roiLeo]

See new comment for css solution

[kkukelka]

See new comment for css solution

@roiLeo point taken 😅 I apologize for this inconvenience... not too familiar with bulma yet

[roiLeo]

Alright

[yangwao]

amazing conversations!
thanks, @marsic3 for reviewing, you can help us chop a few issues if you'd like to!

Perfect, I’ve sent the payout https://kusama.subscan.io/extrinsic/0x504a92959fc8f493070052adc2d8d94915d545a96eeecf2194c58c42996148ec

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