mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-10-31 08:40:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Adding condition for link configs so that whichever is not present will not render

Browse Source
This commit is contained in:
Swapnil Mishra
2017-01-25 15:29:10 +05:30
parent 0468cc151d
commit afe4b31854
1 changed files with 50 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/SiteLinks/index.jsx
View File

@@ -6,36 +6,56 @@ import './style.css'
import '../../static/fonts/fontawesome/style.css' import '../../static/fonts/fontawesome/style.css'
class SiteLinks extends React.Component { class SiteLinks extends React.Component {
render() { render () {
return ( return (
<div className='blog-social'> <div className="blog-social">
<ul> <ul>
{config.siteTwitterUrl && (
<li> <li>
<a href={ config.siteTwitterUrl }><i className='fa fa-twitter'></i></a> <a href={config.siteTwitterUrl}>
<i className="fa fa-twitter" />
</a>
</li> </li>
)}
{config.siteGithubUrl && (
<li> <li>
<a href={ config.siteGithubUrl }><i className='fa fa-github-alt'></i></a> <a href={config.siteGithubUrl}>
<i className="fa fa-github-alt" />
</a>
</li> </li>
)}
{config.siteVkUrl && (
<li> <li>
<a href={ config.siteVkUrl }><i className='fa fa-vk'></i></a> <a href={config.siteVkUrl}><i className="fa fa-vk" /></a>
</li> </li>
)}
</ul> </ul>
<ul> <ul>
{config.siteEmailUrl && (
<li> <li>
<a href={ config.siteEmailUrl }><i className='fa fa-envelope-o'></i></a> <a href={config.siteEmailUrl}>
<i className="fa fa-envelope-o" />
</a>
</li> </li>
)}
{config.siteTelegramUrl && (
<li> <li>
<a href={ config.siteTelegramUrl }><i className='fa fa-paper-plane'></i></a> <a href={config.siteTelegramUrl}>
<i className="fa fa-paper-plane" />
</a>
</li> </li>
)}
</ul> </ul>
<ul> <ul>
{config.siteRssUrl && (
<li> <li>
<a href={ config.siteRssUrl }><i className='fa fa-rss'></i></a> <a href={config.siteRssUrl}><i className="fa fa-rss" /></a>
</li> </li>
)}
</ul> </ul>
</div> </div>
); )
} }
} }