website/core/Footer.js
/** * 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; const docsUrl = this.props.config.docsUrl; const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`; const langPart = `${language ? `${language}/` : ''}`; return `${baseUrl}${docsPart}${langPart}${doc}`; } pageUrl(doc, language) { const baseUrl = this.props.config.baseUrl; return baseUrl + (language ? `${language}/` : '') + doc; } Function `render` has 43 lines of code (exceeds 25 allowed). Consider refactoring. 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('running-a-hackathon.html')}> Running a hackathon </a> <a href={this.docUrl('api.html')}>API Usage</a> <a href={this.docUrl('deployment.html')}>Deployment</a> </div> <div /> <div> <h5>More</h5> <a href={this.props.config.repoUrl} target="_blank" rel="noopener"> GitHub Repo </a> <a className="github-button" href={this.props.config.repoUrl} data-icon="octicon-star" data-count-href="/facebook/docusaurus/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub" > Star </a> </div> </section> <section className="copyright">{this.props.config.copyright}</section> </footer> ); }} module.exports = Footer;