1 import { Component } from "inferno";
2 import { NavLink } 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";
8 interface FooterProps {
9 site?: GetSiteResponse;
12 export class Footer extends Component<FooterProps, any> {
13 constructor(props: any, context: any) {
14 super(props, context);
19 <footer className="app-footer container-lg navbar navbar-expand-md navbar-light navbar-bg p-3">
20 <div className="navbar-collapse">
21 <ul className="navbar-nav ms-auto">
22 {this.props.site?.version !== VERSION && (
23 <li className="nav-item">
24 <span className="nav-link">UI: {VERSION}</span>
27 <li className="nav-item">
28 <span className="nav-link">BE: {this.props.site?.version}</span>
30 <li className="nav-item">
31 <NavLink className="nav-link" to="/modlog">
35 {this.props.site?.site_view.local_site.legal_information && (
36 <li className="nav-item">
37 <NavLink className="nav-link" to="/legal">
38 {i18n.t("legal_information")}
42 {this.props.site?.site_view.local_site.federation_enabled && (
43 <li className="nav-item">
44 <NavLink className="nav-link" to="/instances">
49 <li className="nav-item">
50 <a className="nav-link" href={docsUrl}>
54 <li className="nav-item">
55 <a className="nav-link" href={repoUrl}>
59 <li className="nav-item">
60 <a className="nav-link" href={joinLemmyUrl}>
61 {i18n.t("join_lemmy")}