tudor.stanciu/reverse-proxy-frontend
tudor.stanciu/reverse-proxy-frontend
1
0
Fork 0
mirror of https://dev.azure.com/tstanciu94/ReverseProxy/_git/ReverseProxy_Frontend synced 2025-08-05 17:22:36 +03:00
Code Issues 3 Packages Projects Releases Wiki Activity

Navigation color update

Browse Source
This commit is contained in:
Tudor Stanciu 2020-05-14 14:29:36 +03:00
parent b3e108e7a3
commit c5e2a03a93
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/layout/Navigation.js
View File

@ -5,18 +5,19 @@ import { useTranslation } from "react-i18next";
const Navigation = () => { const Navigation = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const activeStyle = { color: "#F15B2A" }; const activeStyle = { color: "#F15B2A" };
const style = { color: "#fff" };
return ( return (
<> <>
<NavLink to="/" activeStyle={activeStyle} exact> <NavLink to="/" activeStyle={activeStyle} style={style} exact>
{t("Menu.Home")} {t("Menu.Home")}
</NavLink> </NavLink>
{" | "} {" | "}
<NavLink to="/sessions" activeStyle={activeStyle}> <NavLink to="/sessions" activeStyle={activeStyle} style={style}>
{t("Menu.Sessions")} {t("Menu.Sessions")}
</NavLink> </NavLink>
{" | "} {" | "}
<NavLink to="/about" activeStyle={activeStyle}> <NavLink to="/about" activeStyle={activeStyle} style={style}>
{t("Menu.About")} {t("Menu.About")}
</NavLink> </NavLink>
</> </>