Extract section id from url

Unanswered

Transvaal lion posted this in #help-forum

Transvaal lionOP

2023-11-13T18:08:29.000Z

I'm trying to change the navigation style based on whether the user is visiting the section of the current page by clicking the navigation bar's link.
Meaning that my url changes to http://blabla.com/#about
Is there a way to extract #about or #projects somehow to change my tailwind styles accordingly? I tried useParams and useRouter but I can't capture what I need.

15 Replies

Dunker

2023-11-13T18:49:01.000Z

usePathname or location.pathname.split("/")[1]

Transvaal lionOP

2023-11-13T19:34:16.000Z

usePathname only gives me the root /

Dunker

2023-11-13T19:41:04.000Z

location.href.split("/")[3]

"#about"

Transvaal lionOP

2023-11-13T19:42:50.000Z

where do you get location from? ðŸ‘€

Dunker

2023-11-13T19:43:08.000Z

JS lib ? ðŸ˜„

Transvaal lionOP

2023-11-13T19:43:32.000Z

so you're using a client component?

I'll check it out thanks â¤ï¸

Dunker

2023-11-13T19:46:16.000Z

are you setting color at client component

Transvaal lionOP

2023-11-13T19:46:54.000Z

on the server component and yeah

tailwind

I'll just convert it's no biggie

Dunker

2023-11-13T19:49:21.000Z

okay,if you need more help tell me

âœ…

Transvaal lionOP

2023-11-13T19:50:08.000Z

all good cheers ðŸ˜„