gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Share gudie widget on the sidebar

Browse Source
This commit is contained in:
Kamran Ahmed
2019-11-06 22:59:43 +04:00
parent f45d00eb22
commit 09309dfef7
2 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/share-guide/index.js
View File

@@ -1,16 +1,34 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faFacebookSquare, faRedditSquare, faTwitterSquare } from '@fortawesome/free-brands-svg-icons'
import { getFacebookShareUrl, getRedditShareUrl, getTwitterShareUrl } from "lib/url";
import { ShareIcon, ShareIconsList, ShareWrap } from './style';
const ShareGuide = (props) => (
const ShareGuide = ({
guide,
guide: {
author = {}
} = {}
}) => (
<ShareWrap>
<ShareIconsList className="d-sm-none d-md-none d-lg-flex d-xl-flex">
<ShareIcon><a href="#"><FontAwesomeIcon icon={ faTwitterSquare } /></a></ShareIcon>
<ShareIcon><a href="#"><FontAwesomeIcon icon={ faFacebookSquare } /></a></ShareIcon>
<ShareIcon><a href="#"><FontAwesomeIcon icon={ faRedditSquare } /></a></ShareIcon>
<ShareIcon>
<a href={ getTwitterShareUrl({ text: `${guide.title} by @${author.twitter}`, url: guide.url })} target="_blank">
<FontAwesomeIcon icon={ faTwitterSquare } />
</a>
</ShareIcon>
<ShareIcon>
<a href={ getFacebookShareUrl({ text: guide.title, url: guide.url }) } target="_blank">
<FontAwesomeIcon icon={ faFacebookSquare } />
</a>
</ShareIcon>
<ShareIcon>
<a href={ getRedditShareUrl({ text: guide.title, url: guide.url })} target="_blank">
<FontAwesomeIcon icon={ faRedditSquare } />
</a>
</ShareIcon>
</ShareIconsList>
</ShareWrap>
);
export default ShareGuide;
export default ShareGuide;