cluedin-widget/core/components/entityRelated/SocialMenu.jsx

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

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>
        );
    }
};