render () {
const { settings } = this.props.site;
return (<div>
{settingsUtils.isset(settingsUtils.find('pre_footer', settings)) && this.preFooter()}
<footer className="c-footer">
<div className="wrapper">
<ul className="site-links-list">
<li className="site-link-item">
<a href="/terms-and-privacy" className="site-link">{this.getTermsLabel()}</a>
</li>
<li className="site-link-item">
<a href="/privacy-policy" className="site-link">Privacy Policy</a>
</li>
{settingsUtils.isset(settingsUtils.find('contact_email_address', settings)) && this.renderContactInfo()}
</ul>
<div className="share">
<span className="share-text">Share the Atlas</span>
<ul className="share-links-list">
<li className="share-link-item">
<a className="share-link -facebook" href={this.getShareUrl('facebook')} target="_blank" rel="noopener noreferrer">
<Icon name="icon-Facebook" className="icon icon-Facebook" />
</a>
</li>
<li className="share-link-item">
<a className="share-link -twitter" href={this.getShareUrl('twitter')} target="_blank" rel="noopener noreferrer">
<Icon name="icon-Twitter" className="icon icon-Twitter" />
</a>
</li>
<li className="share-link-item">
<a className="share-link -googleplus" href={this.getShareUrl('gplus')} target="_blank" rel="noopener noreferrer">
<Icon name="icon-Google" className="icon icon-Google" />
</a>
</li>
<li className="share-link-item">
<a className="share-link -linkedin" href={this.getShareUrl('linkedin')} target="_blank" rel="noopener noreferrer">
<Icon name="icon-Linkedin" className="icon icon-Linkedin" />
</a>
</li>
</ul>
</div>
</div>
</footer>
</div>)
}
renderContactInfo() {
const { settings } = this.props.site;
return (<li
className="site-link-item">
<a href={`mailto: ${settingsUtils.getValue('contact_email_address', settings)}`}
className="site-link">Contact us</a>
</li>);
}
preFooter() {
const { settings } = this.props.site;
return (
<div className="c-pre-footer">
<div
className="wrapper"
dangerouslySetInnerHTML={{ __html: settingsUtils.getValue('pre_footer', settings) }}
/>
</div>
);
}