Skip to content

Conversation

@beingsage
Copy link

Related Tickets & Documents

Fixes: #3579

Description

Adds simple social sharing options to blog posts so readers can easily share content or copy the post link.

Proposed options:

  • Twitter / X
  • LinkedIn
  • Copy link to clipboard (with visual confirmation)

Suggested placement:

  • Desktop: floating near the content
  • Mobile: inline below the post header

Changes

  • ✅ Created FloatingSocialShare component for desktop floating share
  • ✅ Created InlineSocialShare component for mobile inline share
  • ✅ Integrated components into technology and community post pages
  • ✅ Added proper TypeScript types and accessibility features
  • ✅ Code passes linting and TypeScript checks

Type of Change

  • New feature (change that adds functionality)

Testing

  • Code passes linting and TypeScript compilation
  • Components render correctly on desktop and mobile
  • Social media links open in new tabs with proper URLs
  • Copy link functionality shows visual confirmation
  • Responsive design works across screen sizes

Demo

Desktop: Floating share panel appears when scrolling past header
Mobile: Inline share buttons below post header

- Add floating social share component for desktop (Twitter/X, LinkedIn, copy link)
- Add inline social share component for mobile below post header
- Integrate sharing components into technology and community post pages
- Implement visual confirmation for copy link functionality

Fixes #3579

Signed-off-by: beingsage <sujal.srivastava@s.amity.edu>
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