fixes the active state of the naviagtion component

[siddhant-agrawal01]

Description

This pull request addresses an issue where the "Button" component in the sidebar does not show as active when navigating to sub-routes like /components/button/neubrutalism-button. The changes ensure that the sidebar correctly highlights the "Button" component link when on any of its sub-routes.

Related Issue

https://github.com/SyntaxUI/syntaxui/issues/173

Fixes # (issue)

Proposed Changes

-> Modify the NavLink component to check if the pathname starts with the link's href to determine the active state. -> Adjust the ActivePageMarker component to handle the same logic, ensuring correct highlighting in the sidebar.

• ...

Screenshots

Checklist

Please check the boxes that apply:

• [✅ ] I have rebased my branch on top of the latest main branch.
• [✅ ] I have tested the changes locally
• [✅ ] I ran npm run build and build is successful
• [ ] I have added necessary documentation (if applicable)
• [ ] I have updated the credits.md file (if applicable)

[vercel[bot]]

Someone is attempting to deploy a commit to the SyntaxUI Team on Vercel.

A member of the Team first needs to authorize it.

[siddhant-agrawal01]

Does this PR work on your end?

On my end the PR doesn't change anything.

It change the active state of navigation menu like the button component is become active when you choose specific button component

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
syntax-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 15, 2024 3:41pm

[Ansub]

Button's active state background disappears when navigating to a child element such as a 3D button.

https://github.com/SyntaxUI/syntaxui/assets/12985873/02ebeafb-372d-4444-8000-5f2fdd275901

ton in this case

[siddhant-agrawal01]

Button's active state background disappears when navigating to a child element such as a 3D button.

CleanShot.2024-06-15.at.19.44.11.mp4 ton in this case Thanks for the clarification , let me try my best to fix that .

[siddhant-agrawal01]

Button's active state background is now appears.what i use is that the background effect is applied only to the exact active route.but this way the introduction still remain active even when we navigate to button and its child component.
so how can i disable the introduction active state when going to button component(or any other component)?

[Ansub]

fixed in https://github.com/SyntaxUI/syntaxui/pull/236