cluedin-widget/core/components/structure/CluedInFooter.jsx

This project contains all the pages needed for browsing entities and searching them. The aim is to replace the CluedIn.Webapp project with this one when all the pages ( including the Admin page ) will be ported to REACT.

import React, { Component } from "react";
import { FormattedMessage } from "react-intl";
import Theme from "../../theme";
import Radium from "radium";

class CluedInFooter extends Component {
    render() {
        return ( <div style={CluedInFooterStyle.footer}>
            <div style={CluedInFooterStyle.version}>
                <a key="version" style={CluedInFooterStyle.footerLink}
                   href="http://blog.cluedin.net/category/releasenotes/" target="_blank">V. 1.2</a>
                <a key="brand" style={CluedInFooterStyle.footerLink} href="https://www.singlepageapp.be"
                   target="_blank">
                    <small className="text-muted">&nbsp;©&nbsp;
                        CluedIn
                    </small>
                </a>&nbsp;
                2016
            </div>
            <div style={CluedInFooterStyle.social}>
                <ul className="social">
                    <li style={ CluedInFooterStyle.socialLink}>
                        <a key="zendesk" style={[CluedInFooterStyle.footerLink, CluedInFooterStyle.socialLink]}
                           href="https://cluedin.zendesk.com/"
                           target="_blank">
                            <FormattedMessage id="CluedInFooter.Documentation"></FormattedMessage>
                        </a>
                    </li>
                    <li style={ CluedInFooterStyle.socialLink}>
                        <a key="twitter" style={[CluedInFooterStyle.footerLink, CluedInFooterStyle.socialLink]}
                           href="https://twitter.com/CluedInHQ"
                           target="_blank">
                            <i className="fa fa-twitter"></i>
                        </a>
                    </li>
                    <li style={ CluedInFooterStyle.socialLink}>
                        <a key="facebook" style={[CluedInFooterStyle.footerLink, CluedInFooterStyle.socialLink]}
                           href="https://www.facebook.com/cluedinhq" target="_blank">
                            <i className="fa fa-facebook"></i>
                        </a>
                    </li>
                    <li style={ CluedInFooterStyle.socialLink}>
                        <a key="linkedin" style={[CluedInFooterStyle.footerLink]}
                           href="https://www.linkedin.com/company/cluedin-aps" target="_blank">
                            <i className="fa fa-linkedin"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div> );
    }
}

const CluedInFooterStyle = {
    footer: {
        position: 'absolute',
        left: '140px',
        bottom: 0
    },
    socialLink: {
        display: 'inline-block',
        marginRight: '10px'
    },
    footerLink: {
        color: Theme.colors.main,
        textDecoration: 'none',
        cursor: 'pointer',
        fontSize: '14px',
        lineHeight: '50px'
    },
    version: {
        float: 'left'
    },
    social: {
        float: 'left',
        marginLeft: '15px'
    }
};

export default  Radium( CluedInFooter );