cluedin-widget
Version:
This is the project for creating and managing widgets in CluedIn.
66 lines (54 loc) • 2.23 kB
JSX
import React, { Component } from 'react';
import iso from '../../../iso';
import config from '../../config';
import { findFromKey, makeLinkedInLinkValue, makeTwitterLinkValue, makeLinkValue } from '../../helpers/properties.jsx';
export default class SocialMenu extends Component {
render() {
const { social } = this.props;
let websiteHtml;
let twitterHtml;
let facebookHtml;
let linkedInHtml;
if ( !social || social.length === 0 ) {
return (<span></span>);
}
var websiteProp = findFromKey( social, 'website' );
var twitterProp = findFromKey( social, 'twitter' );
var linkedInProp = findFromKey( social, 'linkedin' );
var facebookProp = findFromKey( social, 'facebook' );
if ( websiteProp && websiteProp.value ) {
var websiteLink = makeLinkValue( websiteProp );
websiteHtml = (<li>
<a target="_blank" href={websiteLink} className="website"><i className="fa fa-globe"></i></a>
</li>);
}
if ( twitterProp && twitterProp.value ) {
var twitterLink = makeTwitterLinkValue( twitterProp );
twitterHtml = (<li>
<a target="_blank" href={twitterLink} className="twitter"><i className="fa fa-twitter"></i></a>
</li>);
}
if ( linkedInProp && linkedInProp.value ) {
var linkedInLink = makeLinkedInLinkValue( linkedInProp );
linkedInHtml = (<li>
<a target="_blank" href={linkedInLink} className="linkedin"><i className="fa fa-linkedin"></i></a>
</li>);
}
if ( facebookProp && facebookProp.value ) {
var facebookLink = makeLinkValue( facebookProp );
facebookHtml = (<li>
<a target="_blank" href={facebookLink} className="facebook"><i className="fa fa-facebook"></i></a>
</li>);
}
return (
<div className="cluedIn_social">
<ul>
{websiteHtml}
{twitterHtml}
{facebookHtml}
{linkedInHtml}
</ul>
</div>
);
}
};