50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
import * as React from "react";
|
|
import { AccountMenuProps } from "./interfaces";
|
|
import { docLink } from "../ui/doc_link";
|
|
import { Link } from "../link";
|
|
import { shortRevision } from "../util";
|
|
import { DevSettings } from "../account/dev/dev_support";
|
|
import { t } from "../i18next_wrapper";
|
|
|
|
export const AdditionalMenu = (props: AccountMenuProps) => {
|
|
return <div className="nav-additional-menu">
|
|
<div>
|
|
<Link to="/app/account" onClick={props.close("accountMenuOpen")}>
|
|
<i className="fa fa-cog"></i>
|
|
{t("Account Settings")}
|
|
</Link>
|
|
</div>
|
|
<div>
|
|
<Link to="/app/logs" onClick={props.close("accountMenuOpen")}>
|
|
<i className="fa fa-list"></i>
|
|
{t("Logs")}
|
|
</Link>
|
|
</div>
|
|
<Link to="/app/help" onClick={props.close("accountMenuOpen")}>
|
|
<i className="fa fa-question-circle"></i>
|
|
{t("Help")}
|
|
</Link>
|
|
{!DevSettings.futureFeaturesEnabled() &&
|
|
<div>
|
|
<a href={docLink("the-farmbot-web-app")}
|
|
target="_blank">
|
|
<i className="fa fa-file-text-o"></i>{t("Documentation")}
|
|
</a>
|
|
</div>}
|
|
<div>
|
|
<a onClick={props.logout}>
|
|
<i className="fa fa-sign-out"></i>
|
|
{t("Logout")}
|
|
</a>
|
|
</div>
|
|
<div className="app-version">
|
|
<label>{t("VERSION")}</label>:
|
|
<a
|
|
href="https://github.com/FarmBot/Farmbot-Web-App"
|
|
target="_blank">
|
|
{shortRevision().slice(0, 7)}<p>{shortRevision().slice(7, 8)}</p>
|
|
</a>
|
|
</div>
|
|
</div>;
|
|
};
|