const Social = ({ siteUrl, siteTitle, pathPrefix, path, title, iconSize, align }) => { const url = urljoin(siteUrl, pathPrefix, path); const fullTitle = [siteTitle, title].filter(v => !!v).join(": ") return ( <Container align={align}> <RedditShareButton url={url} title={fullTitle}> <RedditIcon round size={iconSize} /> </RedditShareButton> <FacebookShareButton url={url} title={fullTitle}> <FacebookIcon round size={iconSize} /> </FacebookShareButton> <TwitterShareButton url={url} title={fullTitle}> <TwitterIcon round size={iconSize} /> </TwitterShareButton> </Container> ) }
const ShareButtons = () => { const title = `${document.title} | Advanced Dontpad`; const url = window.location.href; const iconSize = 48; return ( <div className="ShareButtons"> <TwitterShareButton url={url} title={title} className="share-button"> <Fade up><TwitterIcon size={iconSize} round /></Fade> </TwitterShareButton> <FacebookShareButton url={url} quote={title} className="share-button"> <Fade up><FacebookIcon size={iconSize} round /></Fade> </FacebookShareButton> <GooglePlusShareButton url={url} className="share-button"> <Fade up><GooglePlusIcon size={iconSize} round /></Fade> </GooglePlusShareButton> <LinkedinShareButton url={url} title={title} className="share-button"> <Fade up><LinkedinIcon size={iconSize} round /></Fade> </LinkedinShareButton> <PinterestShareButton url={url} media="/favicon.ico" className="share-button"> <Fade up><PinterestIcon size={iconSize} round /></Fade> </PinterestShareButton> <TelegramShareButton url={url} title={title} className="share-button"> <Fade up><TelegramIcon size={iconSize} round /></Fade> </TelegramShareButton> </div> ); }
<TwitterIcon round size={iconSize} /> </TwitterShareButton> <FacebookShareButton url={url} quote={postNode.excerpt}> <FacebookIcon round size={iconSize} /> <FacebookShareCount url={url}>
<div className="share"> <div className="share__some-network"> <FacebookShareButton url={shareUrl} quote={title}
<FacebookShareButton url={props.task_url} hashtag={`#${hashtags[1]} `}
dangerouslySetInnerHTML={{ __html: p.conteudo }} /> <FacebookShareButton url={url}> <FacebookIcon type="button" size={40} round={true} /> </FacebookShareButton>
</div> <div className="ShareModal-socialnets-block"> <FacebookShareButton url={url} quote={`${title}
const ShareButtons = () => { const title = `${document.title} | Advanced Dontpad`; const url = window.location.href; const iconSize = 48; return ( <div className="ShareButtons"> <TwitterShareButton url={url} title={title} className="share-button"> <Fade up><TwitterIcon size={iconSize} round /></Fade> </TwitterShareButton> <FacebookShareButton url={url} quote={title} className="share-button"> <Fade up><FacebookIcon size={iconSize} round /></Fade> </FacebookShareButton> <GooglePlusShareButton url={url} className="share-button"> <Fade up><GooglePlusIcon size={iconSize} round /></Fade> </GooglePlusShareButton> <LinkedinShareButton url={url} title={title} className="share-button"> <Fade up><LinkedinIcon size={iconSize} round /></Fade> </LinkedinShareButton> <PinterestShareButton url={url} media="/favicon.ico" className="share-button"> <Fade up><PinterestIcon size={iconSize} round /></Fade> </PinterestShareButton> <TelegramShareButton url={url} title={title} className="share-button"> <Fade up><TelegramIcon size={iconSize} round /></Fade> </TelegramShareButton> </div> ); }
<FacebookShareButton url={props.task_url} hashtag={`#${hashtags[1]} `}