| /** |
| * Copyright (c) Facebook, Inc. and its affiliates. |
| * |
| * 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) { |
| const baseUrl = this.props.config.baseUrl; |
| const docsUrl = this.props.config.docsUrl; |
| const docsPart = `${docsUrl ? `${docsUrl}/` : ""}`; |
| return `${baseUrl}${docsPart}${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>ASF</h5> |
| <a href="https://www.apache.org/">Foundation</a> |
| <a href="https://www.apache.org/licenses/">License</a> |
| <a href="http://www.apache.org/events/current-event/">Events</a> |
| <a href="https://www.apache.org/security/">Security</a> |
| <a href="https://www.apache.org/foundation/sponsorship.html"> |
| Sponsorship |
| </a> |
| <a href="https://www.apache.org/foundation/thanks.html">Thanks</a> |
| </div> |
| <div> |
| <h5>Community</h5> |
| <a href="https://github.com/apache/apisix/issues"> |
| GitHub Issue Tracker |
| </a> |
| <a href="https://apisix.slack.com/">Slack</a> |
| <a |
| href="https://twitter.com/ApacheAPISIX" |
| target="_blank" |
| rel="noreferrer noopener" |
| > |
| Twitter |
| </a> |
| </div> |
| <div> |
| <h5>More</h5> |
| <a href={`${this.props.config.baseUrl}users`}>User Showcase</a> |
| <a href={`${this.props.config.baseUrl}blog`}>Blog</a> |
| </div> |
| </section> |
| |
| <a |
| href="https://www.apache.org/" |
| target="_blank" |
| rel="noreferrer noopener" |
| style={{ |
| display: "block", |
| margin: "1em auto", |
| opacity: 0.8, |
| transition: "opacity 0.15s ease-in-out", |
| textAlign: "center", |
| }} |
| > |
| <img |
| src={`${this.props.config.baseUrl}img/asf_logo_wide_small.png`} |
| alt="Apache Software Foundation" |
| style={{ width: 370, height: 64 }} |
| /> |
| </a> |
| <section className="copyright">{this.props.config.copyright}</section> |
| </footer> |
| ); |
| } |
| } |
| |
| module.exports = Footer; |