fix: 4955 gallery item price chart

[maderi21]

Thank you for your contribution to the KodaDot NFT gallery.

👇 _ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Gallery item chart showing wrong currency #4955
• Requires deployment <>

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
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </bsx/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.

[kodabot]

SUCCESS @maderi21 PR for issue #4955 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-nuxt ready!

Name	Link
🔨 Latest commit	dc3e8ab
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/63e872885505760008018fdb
😎 Deploy Preview	https://deploy-preview-4968--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.

[maderi21]

two questions here :)

1. is there some util for converting these currencies?
2. I have some trouble changing the z-index of the tooltip on price chart, what should the correct solution be here from the design perspective? Is adding margin allowed?

[preschian]

1. is there some util for converting these currencies?

you can use this https://github.com/kodadot/nft-gallery/blob/main/components/gallery/GalleryItemAction/GalleryItemActionSection.vue#L49. actually, it would be better if put that section in composables chain

[maderi21]

actually, it would be better if put that section in composables chain

moved to composables, and also used it in https://github.com/kodadot/nft-gallery/blob/main/components/gallery/GalleryItemAction/GalleryItemActionSection.vue#L49

[exezbcz]

2. I have some trouble changing the z-index of the tooltip on price chart, what should the correct solution be here from the design perspective? Is adding margin allowed?

yy, first and foremost the design of the popup should be different, but there is a issue with the styling iirc.

• I think it can then overflow the chart and even the card itself if its not going to break other things

[preschian]

2. I have some trouble changing the z-index of the tooltip on price chart, what should the correct solution be here from the design perspective? Is adding margin allowed?

yy, first and foremost the design of the popup should be different, but there is a issue with the styling iirc.

• I think it can then overflow the chart and even the card itself if its not going to break other things

maybe create a separate issue for this?

[codeclimate]

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

View more on Code Climate.

[vikiival]

pay 35 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $35 @ 32.73 USD/KSM ~ 1.069 $KSM
🧗 JHJGu2aWyAFBfcso8bR7ma82p15YAavyN6vQfJyWuhniNGa
🔗 0xa600801aea9d29f030988be56db5d28430c9b3efdecb793fe4d0b7ffef5f285f

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