-
Notifications
You must be signed in to change notification settings - Fork 138
Feature/social sharing buttons #1192
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
Conversation
- Added Kingsumo embed script below the leaderboard section - Script loads from https://kingsumo.com/js/embed.js - Addresses issue recodehive#758 for giveaway page integration
- Add comprehensive blog standards document (wiki/blog-standards.md) - Update contributing guidelines with blog writing section - Standardize existing blog posts to match new standards: * Fix frontmatter consistency across all blogs * Remove invalid commented meta tags * Improve SEO descriptions and formatting * Ensure proper date formats and required fields Closes recodehive#567 - Blog structure standardization
- Add SocialShare component with Twitter, LinkedIn, Facebook, and native share buttons - Create BlogPostItem wrapper to display sharing buttons on individual blog posts - Add responsive CSS styling for social sharing buttons - Only show sharing buttons on actual blog posts (not tag or author pages) - Include proper accessibility attributes and hover effects - Support both light and dark themes Fixes recodehive#1127
|
@Gupta-02 is attempting to deploy a commit to the recode Team on Vercel. A member of the Team first needs to authorize it. |
|
Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs. In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊 Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv. We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰 🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨ 📚Your perks for contribution to this community 👇🏻
If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
|
✅ Synchronized metadata from Issue #1127:
|
|
@Gupta-02 , cant able to build the files locally . also noticed some dependency for sharp module . could you share a video for a better review ? |
iitzIrFan
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Keep the changes as per the issue and other stuffs plz.
This PR implements interactive social sharing buttons for blog posts to improve content engagement and reach. Users can now easily share blog content on Twitter, LinkedIn, Facebook, and use native sharing when available.
Fixes #1127
Type of Change
New feature (e.g., new page, component, or functionality)
Bug fix (non-breaking change that fixes an issue)
UI/UX improvement (design, layout, or styling updates)
Performance optimization (e.g., code splitting, caching)
Documentation update (README, contribution guidelines, etc.)
Other (please specify):
Changes Made
SocialShare Component: Created a reusable React component with sharing buttons for Twitter, LinkedIn, Facebook, and native Web Share API
BlogPostItem Wrapper: Added a theme override to automatically display sharing buttons on individual blog posts
Responsive Styling: Implemented mobile-friendly CSS with hover effects and theme support (light/dark mode)
Smart Display Logic: Buttons only appear on actual blog posts, not on tag pages or author pages
Accessibility: Added proper ARIA labels, keyboard navigation, and screen reader support
Dependencies
No new dependencies required
Uses existing Lucide React icons
Compatible with current Docusaurus setup
Checklist
My code follows the style guidelines of this project.
I have tested my changes across major browsers and devices
My changes do not generate new console warnings or errors .
I ran npm run build and attached screenshot(s) in this PR.
This is already assigned Issue to me, not an unassigned issue.
Screenshot