import React from 'react';
import { FormattedHTMLMessage } from 'react-intl';

var Footer = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function() {
    var shareLink = this.props.shareLink || "";
    return (
      <footer className="generic-footer">
        <div className="footer-contents">
          <div className="footer-links">
            <a href="https://www.mozilla.org/contact/" className="footer-link contact">
              {this.context.intl.formatMessage({id: 'bg_footer_contact_us'})}
            </a>
            <a href={shareLink} className="footer-link share">
              {this.context.intl.formatMessage({id: 'bg_footer_share'})}
            </a>
            <a href="https://twitter.com/Mozilla" className="footer-link follow">
              {this.context.intl.formatMessage({id: 'bg_footer_follow'})}
            </a>
            <a href="https://www.mozilla.org/about/legal/terms/mozilla/" className="footer-link legal">
              {this.context.intl.formatMessage({id: 'bg_footer_legal'})}
            </a>
            <a href="https://www.mozilla.org/privacy/websites/" className="footer-link privacy">
              {this.context.intl.formatMessage({id: 'bg_footer_privacy'})}
            </a>
            <a href="https://donate.mozilla.org/" className="footer-link donate">
              {this.context.intl.formatMessage({id: 'bg_footer_donate'})}
            </a>
          </div>
          <div className="org-info">
            <div className="logo-container">
              <a className="logo" href="https://mozilla.org"></a>
            </div>
            <span className="org-info-container">
              Mozilla is a global non-profit dedicated to putting you in control of your online experience and shaping the future of the web for the public good. Visit us at <a href="https://www.mozilla.org">mozilla.org</a>.
            </span>
          </div>
        </div>
      </footer>
    );
  }
});

module.exports = Footer;

import React from 'react';
import { FormattedHTMLMessage } from 'react-intl';

var Footer = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function() {
    var shareLink = this.props.shareLink || "";
    return (
      <footer className="generic-footer">
        <div className="footer-contents">
          <div className="footer-links">
            <a href="https://www.mozilla.org/contact/" className="footer-link contact">
              {this.context.intl.formatMessage({id: 'bg_footer_contact_us'})}
            </a>
            <a href={shareLink} className="footer-link share">
              {this.context.intl.formatMessage({id: 'bg_footer_share'})}
            </a>
            <a href="https://twitter.com/Mozilla" className="footer-link follow">
              {this.context.intl.formatMessage({id: 'bg_footer_follow'})}
            </a>
            <a href="https://www.mozilla.org/about/legal/terms/mozilla/" className="footer-link legal">
              {this.context.intl.formatMessage({id: 'bg_footer_legal'})}
            </a>
            <a href="https://www.mozilla.org/privacy/websites/" className="footer-link privacy">
              {this.context.intl.formatMessage({id: 'bg_footer_privacy'})}
            </a>
            <a href="https://donate.mozilla.org/" className="footer-link donate">
              {this.context.intl.formatMessage({id: 'bg_footer_donate'})}
            </a>
          </div>
          <div className="org-info">
            <div className="logo-container">
              <a className="logo" href="https://mozilla.org"></a>
            </div>
            <span className="org-info-container">
              <FormattedHTMLMessage
                id='mozilla_blerb'
              />
            </span>
          </div>
        </div>
      </footer>
    );
  }
});

module.exports = Footer;

Fix footer blerb (#403)