Skip to content

Add Screenshot and Sharing Functionality to Pricing Calculator #1468

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

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

yuvraajsj18
Copy link
Member

@yuvraajsj18 yuvraajsj18 commented May 19, 2025

This PR adds a comprehensive screenshot capture and sharing feature to the PricingCalculator component.

Key improvements include:

  1. Added screenshot capture functionality using the html-to-image library (the library is lazy-loaded using dynamic import)
  2. Implemented multiple sharing options:
    • Clipboard image copy for desktop users
    • Web Share API for mobile devices
    • Direct image download as fallback
  3. Added visual feedback with success states for sharing actions
  4. Fixed styling issues for select elements in screenshots
  5. Modified UI text elements during screenshot capture for better sharing context
  6. Added responsive behaviors for different device sizes
  7. Implemented proper cleanup to restore UI after screenshot capture

Dependencies:

  • Added html-to-image package for DOM-to-image conversion

@yuvraajsj18 yuvraajsj18 requested a review from a team as a code owner May 19, 2025 16:51
Copy link

vercel bot commented May 19, 2025

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

Name Status Preview Comments Updated (UTC)
signoz-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 19, 2025 5:00pm

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

Successfully merging this pull request may close these issues.

1 participant