Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improvements are done in the Top Gainers and Top Loosers Section of t… #116

Merged
merged 1 commit into from
Oct 6, 2024

Conversation

rebornstar1
Copy link
Contributor

…he prices.jsx

Pull Request

Improved Top Gainers and Top Losers Tables with Intuitive Cards and Dynamic Views

This pull request improves the user interface by replacing the traditional tables for "Top Gainers" and "Top Losers" with dynamic, intuitive cards. The cards display different shades of red and green based on the percentage change, making it easier for users to quickly interpret the data. Additionally, three view modes have been added, allowing users to toggle between 1, 3, or 5 items for both gainers and losers, enhancing usability and customization.

Issue
#114

Changes Made

  1. Replaced table structure with dynamic cards for "Top Gainers" and "Top Losers"
  2. Applied color-shading logic: shades of green for gainers and shades of red for losers, based on the percentage change
  3. Added hover effect on cards for better interactivity
  4. Created a responsive grid layout for the cards, adapting to different screen sizes
  5. Introduced buttons for users to toggle views: view 1, 3, or 5 top gainers or losers at a time

Checklist

  • I have tested the changes locally
  • Documentation has been updated (if necessary)
  • Changes are backward-compatible

Screenshots (if applicable)

image
image

Additional Notes

These changes improve the visual design and functionality, making it easier for users to see and interact with the data at a glance. The color-shading system visually highlights the impact of the percentage changes more effectively than the previous table-based approach.

Footer

Copy link

vercel bot commented Oct 6, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
agro-tech-ai ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 6, 2024 10:12am

Copy link
Contributor

github-actions bot commented Oct 6, 2024

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

@manikumarreddyu manikumarreddyu merged commit 9361db6 into manikumarreddyu:main Oct 6, 2024
3 checks passed
Copy link
Contributor

github-actions bot commented Oct 6, 2024

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to our project. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request]: Improving the UI of Tables for Price Top Gainers and Losers
2 participants