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';

const CluedInFooterStyle = {
  footer: {
    position: 'absolute',
    left: '15px',
    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',
  },
};

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.4
          </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/hc/en-us/requests/new"
                 target="_blank">
                Submit a support ticket
              </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>
    );
  }
}

export default  Radium(CluedInFooter);