Farmbot-Web-App/frontend/nav/additional_menu.tsx

import * as React from "react";
import { AccountMenuProps } from "./interfaces";
import { Link } from "../link";
import { shortRevision } from "../util";
import { t } from "../i18next_wrapper";
import { ExternalUrl } from "../external_urls";

export const AdditionalMenu = (props: AccountMenuProps) => {
  return <div className="nav-additional-menu">
    <div className={"account-link"}>
      <Link to="/app/account" onClick={props.close("accountMenuOpen")}>
        <i className="fa fa-cog" />
        {t("Account Settings")}
      </Link>
    </div>
    <div className={"logs-link"}>
      <Link to="/app/logs" onClick={props.close("accountMenuOpen")}>
        <i className="fa fa-list" />
        {t("Logs")}
      </Link>
    </div>
    <Link to="/app/help" onClick={props.close("accountMenuOpen")}>
      <i className="fa fa-question-circle" />
      {t("Help")}
    </Link>
    <div className={"logout-link"}>
      <a onClick={props.logout} title={t("logout")}>
        <i className="fa fa-sign-out" />
        {t("Logout")}
      </a>
    </div>
    <div className="app-version">
      <label>{t("VERSION")}</label>:&nbsp;
      <a href={ExternalUrl.webAppRepo} target="_blank">
        {shortRevision().slice(0, 8)}
      </a>
    </div>
  </div>;
};