Load collection detail chart data when activity tab is clicked

[chandradot99]

Thank you for your contribution to the KodaDot NFT gallery.
👇 _ Do a quick check before the merge.

PR type

• Bugfix
• Feature
• Refactoring

What's new?

• PR closes Don't render graph until tab is clicked #1754
• Load stats only when tab is clicked
• Fix duplicate navigation warning

Before submitting Pull Request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main-nuxt 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

Optional

• I've tested it at </rmrk/collection/26902bc2f7c20c546a-1FVG7>
• I've tested PR on mobile and everything seems works
• I 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.

[netlify]

✔️ Deploy Preview for koda-nuxt ready!

🔨 Explore the source changes: b819901

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

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

[roiLeo]

• Tested on /rmrk/collection/800f8a914281765a7d-KITTY 🆗
• Let's say a new element is added to collection, would it be possible to refresh graph on demand?

[chandradot99]

@roiLeo yes it's possible, for that we have to add refresh button somewhere on top of chart. Should I add that refresh functionality also in this PR.

[roiLeo]

we can leave it like that for the moment, the refresh functionality will not be in this same component

[yangwao]

we can leave it like that for the moment, the refresh functionality will not be in this same component

I guess subsquid/subquery has some listener for events? cc @vikiival

Check how it's made for example once you are on NFT item detail and meanwhile someone made a action on-chain we refreshed "interactively"

[vikiival]

I guess subsquid/subquery has some listener for events? cc @vikiival

"Hi, @vikiival! No, it doesn't."

also created issue for rubick kodadot/rubick#20

[yangwao]

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

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