/** * Copyright (c) 2017-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ const React = require('react'); class Footer extends React.Component { docUrl(doc, language) { const baseUrl = this.props.config.baseUrl; return `${baseUrl}docs/${language ? `${language}/` : ''}${doc}`; } pageUrl(doc, language) { const baseUrl = this.props.config.baseUrl; return baseUrl + (language ? `${language}/` : '') + doc; } render() { return ( <footer className="nav-footer" id="footer"> <section className="sitemap"> <a href={this.props.config.baseUrl} className="nav-home"> {this.props.config.footerIcon && ( <img src={this.props.config.baseUrl + this.props.config.footerIcon} alt={this.props.config.title} width="66" height="58" /> )} </a> <div> <h5>Docs</h5> <a href={this.docUrl('getting_started.html')}> Getting Started </a> <a href={this.docUrl('securing_unleash.html')}> Securing Unleash </a> <a href={this.docUrl('api/client/features.html')}> API Reference </a> </div> <div> <h5>Community</h5> <a href={this.pageUrl('users.html')}> User Showcase </a> <a href="https://join.slack.com/t/unleash-community/shared_invite/enQtNjUxMjU2MDc0MTAxLTJjYmViYjkwYmE0ODVlNmY1YjcwZGRmZWU5MTU1YTQ1Nzg5ZWQ2YzBlY2U1MjlmZDg5ZDRmZTMzNmQ5YmEyOGE" target="_blank" rel="noreferrer noopener"> Slack community </a> <a href="https://www.unleash-hosted.com/"> Unleash-hosted.com </a> <a href="https://twitter.com/Unleash_hosted" target="_blank" rel="noreferrer noopener"> Twitter </a> </div> <div> <h5>More</h5> <a href="https://github.com/Unleash/unleash">GitHub</a> <a className="github-button" href={this.props.config.repoUrl} data-icon="octicon-star" data-count-href="/unleash/unleash/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub"> Star </a> </div> </section> </footer> ); } } module.exports = Footer;