michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Template (Blog): fix HeaderLink isActive check (#4647)

Browse source 
* remove trailing slashes when checking active href

* use simpler regex

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>

* remove unused code

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
This commit is contained in:
Sami Jaber 2022-09-13 15:02:32 -04:00 committed by GitHub
parent 013d15554e
commit 234057b020
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/blog/src/components/HeaderLink.astro
View file

@ -2,7 +2,7 @@
export interface Props extends astroHTML.JSX.AnchorHTMLAttributes {} export interface Props extends astroHTML.JSX.AnchorHTMLAttributes {}
const { href, class: className, ...props } = Astro.props; const { href, class: className, ...props } = Astro.props;
const isActive = href === Astro.url.pathname; const isActive = href === Astro.url.pathname.replace(/\/$/, '');
--- ---
<a href={href} class:list={[className, { active: isActive }]} {...props}> <a href={href} class:list={[className, { active: isActive }]} {...props}>