libre.sh/keycloak-scim
2
0
Fork 0
Code Issues 14 Pull requests Releases Packages Activity Actions 6

Changed to use NavLink to fix urls based on router (#2788)

Browse source
This commit is contained in:
Erik Jan de Wit 2022-06-13 11:41:39 +02:00 committed by GitHub
parent fe0a5b9834
commit d05410d60d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/PageNav.tsx
View file

@ -1,5 +1,5 @@
import React from "react";
import { useHistory, useRouteMatch } from "react-router-dom";
import { NavLink, useHistory, useRouteMatch } from "react-router-dom";
import { useTranslation } from "react-i18next";
import {
Nav,
@ -52,17 +52,19 @@ export const PageNav: React.FunctionComponent = () => {
}
//remove "/realm-name" from the start of the path
const activeItem = history.location.pathname.substr(realm.length + 1);
const activeItem = history.location.pathname.substring(realm.length + 1);
return (
<NavItem
<NavLink
id={"nav-item" + path.replace("/", "-")}
to={`/${realm}${path}`}
isActive={
className="pf-c-nav__link"
activeClassName="pf-m-current"
isActive={() =>
path === activeItem || (path !== "/" && activeItem.startsWith(path))
}
>
{t(title)}
</NavItem>
</NavLink>
);
};