import { Dropdown } from 'react-bootstrap' import ShareIcon from '../svgs/share-fill.svg' import copy from 'clipboard-copy' import { useMe } from './me' export default function Share ({ item }) { const me = useMe() const url = `https://stacker.news/items/${item.id}${me ? `/r/${me.name}` : ''}` return typeof window !== 'undefined' && navigator?.share ? (
{ if (navigator.share) { navigator.share({ title: item.title || '', text: '', url }).then(() => console.log('Successful share')) .catch((error) => console.log('Error sharing', error)) } else { console.log('no navigator.share') } }} />
) : ( { copy(url) }} > copy link ) } export function CopyLinkDropdownItem ({ item }) { const me = useMe() const url = `https://stacker.news/items/${item.id}${me ? `/r/${me.name}` : ''}` return ( { if (navigator.share) { navigator.share({ title: item.title || '', text: '', url }).then(() => console.log('Successful share')) .catch((error) => console.log('Error sharing', error)) } else { copy(url) } }} > copy link ) }