35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import { NavLink } from "react-router";
|
|
import { t } from "@/config/i18n";
|
|
import "./index.css";
|
|
import { Group } from "@mantine/core";
|
|
import { Config } from "@/config/config";
|
|
|
|
export function Navbar() {
|
|
return (
|
|
<nav>
|
|
<Group>
|
|
<NavLink
|
|
className={"navLink"}
|
|
aria-label={t('home')}
|
|
to="/"
|
|
>
|
|
{t("home", {capfirst: true})}
|
|
</NavLink>
|
|
<NavLink
|
|
className={"navLink"}
|
|
aria-label={t('dashboard')}
|
|
to="/dashboard/productors"
|
|
>
|
|
{t("dashboard", {capfirst: true})}
|
|
</NavLink>
|
|
</Group>
|
|
<NavLink
|
|
className={"navLink"}
|
|
aria-label={t("login with keycloak")}
|
|
to={`${Config.backend_uri}/auth/login`}
|
|
>
|
|
{t("login with keycloak", {capfirst: true})}
|
|
</NavLink>
|
|
</nav>
|
|
);
|
|
} |