Skip to content

✨ feat(jobs): add social share buttons to job detail page UI#256

Merged
lwinmoepaing merged 1 commit intomyanmar-software-engineers:mainfrom
myothuko98:main
Mar 22, 2026
Merged

✨ feat(jobs): add social share buttons to job detail page UI#256
lwinmoepaing merged 1 commit intomyanmar-software-engineers:mainfrom
myothuko98:main

Conversation

@myothuko98
Copy link
Copy Markdown
Contributor

@myothuko98 myothuko98 commented Mar 22, 2026

🎯 Summary

Replaced the generic single “Share” action on the job detail page with dedicated platform share buttons for Facebook, Twitter/X, LinkedIn, and Telegram.
Each button opens a new tab with pre-filled share URL/text, and share UI with a reusable local component.


📋 What Changed

src/app/jobs/post/JobPostClient.tsx


Features

✅ Dedicated social share actions (Facebook, Twitter/X, LinkedIn, Telegram)
✅ Pre-filled share message + current job URL
✅ Opens secure new tabs (noopener,noreferrer)
✅ Reusable local [ShareActions] component
✅ Accessibility improvements ([aria-label] + [title] per button)
✅ Mobile-friendly behavior (icon-only on small screens, full labels on larger screens)


🎮 How It Works

  • User opens a job detail page: [/jobs/post?slug=...]
  • Clicks one of the platform share buttons
  • App builds platform-specific share URL with encoded text + page URL
  • Share page opens in a new tab

✅ Testing Checklist

Open [/jobs/post?slug=]

  • Click each share button (Facebook/X/LinkedIn/Telegram)
  • Verify each opens correct platform share page in a new tab
  • Verify shared text includes job title and URL
  • Verify mobile viewport shows icon-only buttons
  • Verify desktop/tablet shows full text labels
  • Verify [aria-label] and [title] are present on share buttons

Work of validation

share-button.mp4

Future Improvements Suggestion

  • Add 'Copy Link' Action Button for the people who want to share in other channels(eg. viber, reddit and so on...)
  • Can remove the one 'To All Jobs' and 'Share Buttons' section. Currently available on on both top and bottom of the job detail

Added dedicated Facebook, Twitter/X, LinkedIn, and Telegram share buttons on job detail pages with pre-filled share links, and refactored duplicated share UI into a reusable local component(including responsive behavior).
@lwinmoepaing lwinmoepaing linked an issue Mar 22, 2026 that may be closed by this pull request
Copy link
Copy Markdown
Member

@lwinmoepaing lwinmoepaing left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 💯
Thanks for your contribution

@lwinmoepaing lwinmoepaing merged commit 7a1c239 into myanmar-software-engineers:main Mar 22, 2026
2 checks passed
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.

Add social share buttons to job detail page

2 participants