Collection-activity-toggle-hide-outliers

[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 Hide outliers toggle in chart settings #8234
• Closes List is not showing on chart but appears in activity #8108

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

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

🤖[deprecated] Generated by Copilot at 74bbdff

Added a feature to hide outliers in the price charts of NFT collections and the global market. Improved the UI and positioning of the dropdown components used to control the chart options. Refactored the NeoDropdown.vue component and updated the translation file.

🤖[deprecated] Generated by Copilot at 74bbdff

Sing, O Muse, of the skillful coder who refined the chart
Of the collection's price, with many a clever art.
He made a dropdown menu, NeoDropdown, shining bright,
And gave it a position prop, to place it left or right.

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	65ad5a1
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/6564330efcf03e0008faed2f
😎 Deploy Preview	https://deploy-preview-8253--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]

WARNING @daiagi PR for issue #8108 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #8108

[kodabot]

SUCCESS @daiagi PR for issue #8234 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 consists of two patches to the Vue.js codebase of the application.

The first patch modifies NeoDropdown.vue component and specifically fixes the position property of the o-drop__menu CSS class from this.autoPosition to this.position.

The second patch makes multiple changes. It changes the position of the dropdown menu in the _price-chart.scss and hides the outliers dropdown in the price chart. It achieves this by adding a new dropdown functionality in PriceChart.vue and making it possible to hide outliers via ActivityChart.vue. The latter change necessitates new localized text in en.json titled "Hide Outliers". Furthermore, this patch includes moving the time-range dropdown, CSS changes to position newly added elements, and additional logic to decide whether or not outliers should be visible based on the user's choice.

[exezbcz]

the text to 12px font please

no hover over the button

• the button is not clickable - only the checkbox is

would there be a sharper icon for settings? In fontawesome?

the default state color should be k-grey, now neutral-7

otherwise okay, thanks!

[preschian]

Suggested change

	<NeoIcon icon="gear" pack="fas" size="medium" />
	<NeoIcon icon="gear" size="medium" />

[daiagi]

fimga:

without pack :

[daiagi]

@exezbcz
all done.
please check again

[codeclimate]

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

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[yangwao]

does the job

[yangwao]

Thanks!
pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 5.19 USD/DOT ~ 5.78 $DOT
🧗 1cAsKZYNRb8dkSCpn4eVkEn6ycNZTGoDo5dGDgB8J1UUWK8
🔗 0x06038c33ef1abf29b3eb849ff7a261e83d4141e996332c79fb5a54976cb462cb

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