src/shared/components/app/footer.tsx

   1 import { Component } from "inferno";
   2 import { Link } from "inferno-router";
   3 import { GetSiteResponse } from "lemmy-js-client";
   4 import { i18n } from "../../i18next";
   5 import { docsUrl, joinLemmyUrl, repoUrl } from "../../utils";
   6 import { VERSION } from "../../version";
   7
   8 interface FooterProps {
   9   site: GetSiteResponse;
  10 }
  11
  12 export class Footer extends Component<FooterProps, any> {
  13   constructor(props: any, context: any) {
  14     super(props, context);
  15   }
  16
  17   render() {
  18     return (
  19       <nav class="container navbar navbar-expand-md navbar-light navbar-bg p-3">
  20         <div className="navbar-collapse">
  21           <ul class="navbar-nav ml-auto">
  22             {this.props.site.version !== VERSION && (
  23               <li class="nav-item">
  24                 <span class="nav-link">UI: {VERSION}</span>
  25               </li>
  26             )}
  27             <li class="nav-item">
  28               <span class="nav-link">BE: {this.props.site.version}</span>
  29             </li>
  30             <li className="nav-item">
  31               <Link className="nav-link" to="/modlog">
  32                 {i18n.t("modlog")}
  33               </Link>
  34             </li>
  35             {this.props.site.federated_instances && (
  36               <li class="nav-item">
  37                 <Link className="nav-link" to="/instances">
  38                   {i18n.t("instances")}
  39                 </Link>
  40               </li>
  41             )}
  42             <li class="nav-item">
  43               <a className="nav-link" href={docsUrl}>
  44                 {i18n.t("docs")}
  45               </a>
  46             </li>
  47             <li class="nav-item">
  48               <a className="nav-link" href={repoUrl}>
  49                 {i18n.t("code")}
  50               </a>
  51             </li>
  52             <li class="nav-item">
  53               <a className="nav-link" href={joinLemmyUrl}>
  54                 {i18n.t("join_lemmy")}
  55               </a>
  56             </li>
  57           </ul>
  58         </div>
  59       </nav>
  60     );
  61   }
  62 }