Skip to content

feat: add native web share api button component for roadmap progress #347#412

Open
shivani11jadhav wants to merge 1 commit into
devpathindcommunity-india:masterfrom
shivani11jadhav:feature/share-roadmap-button
Open

feat: add native web share api button component for roadmap progress #347#412
shivani11jadhav wants to merge 1 commit into
devpathindcommunity-india:masterfrom
shivani11jadhav:feature/share-roadmap-button

Conversation

@shivani11jadhav
Copy link
Copy Markdown

📝 Description

This PR resolves #347 by implementing a lightweight, native social sharing mechanism for learning paths.

🛠️ Changes Made

  • Created a reusable ShareButton component under src/components/ui/ that leverages the browser's native Web Share API (navigator.share()) on mobile/supported viewports.
  • Implemented a graceful clipboard fallback with an animated state transition for unsupported desktop devices.
  • Embedded the share controller directly into the roadmap path cards inside src/components/home/LearningPaths.tsx next to the difficulty badge using a flexible row wrapper.
  • Fixed TypeScript reference checks to align with strict compilation rules.

GSSoC '26 Contributor. Please review and merge! 🙌

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.

[Feature Request]: Add Native 'Share Roadmap Progress' Button Component using Web Share API

1 participant