import React, { useState, useRef, useEffect, useMemo } from 'react'; import { Share2, Link, Check } from 'lucide-react'; import { IconTwitter } from '@site/src/components/icons/twitter'; import { IconLinkedIn } from '@site/src/components/icons/linkedin'; import { IconFacebook } from '@site/src/components/icons/facebook'; import { IconReddit } from '@site/src/components/icons/reddit'; import styles from './styles.module.css'; const TWITTER_VIA = 'goose_oss'; interface SocialShareProps { url: string; title: string; } const SocialShare: React.FC = ({ url, title }) => { const [open, setOpen] = useState(false); const [copied, setCopied] = useState(false); const menuRef = useRef(null); const shareOptions = useMemo(() => { const encodedUrl = encodeURIComponent(url); const encodedTitle = encodeURIComponent(title); return [ { name: 'Twitter / X', icon: , url: `https://twitter.com/intent/tweet?url=${encodedUrl}&text=${encodedTitle}&via=${TWITTER_VIA}`, }, { name: 'LinkedIn', icon: , url: `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`, }, { name: 'Facebook', icon: , url: `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`, }, { name: 'Reddit', icon: , url: `https://reddit.com/submit?url=${encodedUrl}&title=${encodedTitle}`, }, ]; }, [url, title]); // Close menu on outside click or Escape useEffect(() => { if (!open) return; const handleClickOutside = (e: MouseEvent) => { if (menuRef.current && !menuRef.current.contains(e.target as Node)) { setOpen(false); } }; const handleEscape = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); }; document.addEventListener('mousedown', handleClickOutside); document.addEventListener('keydown', handleEscape); return () => { document.removeEventListener('mousedown', handleClickOutside); document.removeEventListener('keydown', handleEscape); }; }, [open]); const openShareWindow = (shareUrl: string) => { window.open(shareUrl, '_blank', 'width=600,height=500,noopener,noreferrer'); setOpen(false); }; const handleCopyLink = async () => { try { await navigator.clipboard.writeText(url); setCopied(true); setTimeout(() => { setCopied(false); setOpen(false); }, 1500); } catch (err) { console.error('Failed to copy:', err); } }; return (

{open && ( ); }; export default SocialShare;