oreolek/phanpy
1
0
Fork 0
Code Activity

More accurate isActive

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-07 12:00:13 +08:00
parent 6e4110714c
commit 10471090f5
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/link.jsx
View file

@ -19,7 +19,18 @@ const Link = forwardRef((props, ref) => {
let hash = (location.hash || '').replace(/^#/, '').trim();
if (hash === '') hash = '/';
const { to, ...restProps } = props;
// TODO: maybe better pass hash into URL to deconstruct the pathname and search, then decodeURIComponent them
// Handle encodeURIComponent of searchParams values
if (!!hash && hash !== '/') {
const parsedHash = new URL(hash, location.origin); // Fake base URL
if (parsedHash.searchParams.size) {
const searchParamsStr = Array.from(parsedHash.searchParams.entries())
.map(([key, value]) => `${key}=${encodeURIComponent(value)}`)
.join('&');
hash = parsedHash.pathname + '?' + searchParamsStr;
}
}
const isActive = hash === to || decodeURIComponent(hash) === to;
return (
<a