UNPKG

cluedin-widget

Version:

This is the project for creating and managing widgets in CluedIn.

66 lines (54 loc) 2.23 kB
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> ); } };