src/shared/components/footer.tsx

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