reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use route group

Browse Source
This commit is contained in:
Ren Amamiya
2023-04-17 16:36:27 +07:00
parent 59667f2977
commit 2b0a4e2402
21 changed files with 12 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/activeLink.tsx
View File

@@ -1,7 +1,7 @@
'use client';
import Link from 'next/link';
import { useSelectedLayoutSegment } from 'next/navigation';
import { useSelectedLayoutSegments } from 'next/navigation';
export const ActiveLink = ({
href,
@@ -14,8 +14,8 @@ export const ActiveLink = ({
activeClassName: string;
children: React.ReactNode;
}) => {
const segment = useSelectedLayoutSegment();
const isActive = href.includes(segment);
const segments = useSelectedLayoutSegments();
const isActive = href.includes(segments[1]);
return (
<Link href={href} className={`${className}` + ' ' + (isActive ? `${activeClassName}` : '')}>