Feat : Add tooltips to CO2 factors in ActivityForm #19

[Sabarish2317]

🌱 Carbon Footprint Tracker - Pull Request

Description

Added tool-tips to show the user how the calculation ie. summation of( x * n (CO2) units ) in activity forms.

Type of Change

• ✨ New feature (non-breaking change which adds functionality)

Task Progress

• Create reusable Tooltip.tsx component
• Add tooltips to CO2 factors explaining calculations
• Add tooltips to badges explaining how to unlock them
• Add tooltips to chart data points
• Use browser's built-in title attribute or custom component
• Ensure mobile-friendly (tap to show)

Related Issue

Fixes #(issue number)

Changes Made

• Changes in activity form to show the tooltip
• Changes in ToolTip.tsx component #resolved (Bug : The mobile icon sticks to top or bottom of the view port when scrolled)
• co2Factors.ts (Added a helper object)

Screenshots (if applicable)

Testing

• I have tested this change locally
• I have tested on mobile devices
• I have tested on different browsers
• All existing tests pass
• I have added new tests (if applicable)

Checklist

• My code follows the project's style guidelines
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

Additional Notes

---

For Maintainers

• Code review completed
• Tests passing
• Documentation updated
• Ready to merge

---

Thank you for contributing to making digital sustainability more accessible! 🌍

This repository participates in Hacktoberfest 2025! 🎃

[Sabarish2317]

@Eshaan-byte Could you check the PR please?