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

40 lines
1.2 KiB
TypeScript

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>;
};