LatestSales---show-sale-price

[daiagi]

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

• Feature

Needs Design check

• @exezbcz please review

Context

• Closes Latest Sales UX on landing  #8109

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

Yes $

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

🤖[deprecated] Generated by Copilot at 665e723

This pull request adds a feature to display the latest sale price and a sold label for NFTs that have been sold recently in the CarouselInfo component. It also updates the GraphQL queries and the CarouselNFT interface to include the sale price data from the chain events.

🤖[deprecated] Generated by Copilot at 665e723

CarouselNFT shows
latest sale price from meta
autumn leaves fall fast

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	665e723
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65633d814ab5c20009f6a92c
😎 Deploy Preview	https://deploy-preview-8257--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.

[kodabot]

SUCCESS @daiagi PR for issue #8109 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[reviewpad]

AI-Generated Summary: This pull request includes three patches which introduce several changes around the display of sales and prices in a NFT carousel module.

1. The first patch adds a 'latestSalePrice' field to the CarouselNFT interface, implements its usage in CarouselInfo.vue, and adjusts related logic in useCarouselEvents.ts. It mirrors these changes in the accompanying GraphQL queries, for 'latestEvents' in both 'general' and 'ksm'.

2. The second patch changes useCarouselEvents.ts to give a condition to whether it shows the 'sold' tag for an item in a carousel. If the 'withLastestSale' flag is set to false, sold items won't be displayed in the carousel.

3. The third patch modifies the text displayed when an item in the carousel was sold. Instead of always showing "- Sold", it is now localized and can be customised via i18n. It also adds a new computed function to control when the 'sold' tag is shown. It will only be displayed when the 'latestSalePrice' field is larger than 0.

These patches improve customization for prices and sold status display in carousel according to different types of NFTs and user preferences.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
1 Code Smell

No Coverage information
0.0% Duplication

[codeclimate]

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

View more on Code Climate.

[yangwao]

Thanks!
pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 5.12 USD/DOT ~ 9.766 $DOT
🧗 1cAsKZYNRb8dkSCpn4eVkEn6ycNZTGoDo5dGDgB8J1UUWK8
🔗 0xafc779c44c4a4a480210cfcbda176561ce05f6a0bc4b62d8e2727d2fed4dc5ab

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