Different image in layout based on route?

Answered

Red-necked Grebe posted this in #help-forum

Red-necked GrebeOP

2023-07-31T23:29:24.000Z

I have a layout for a login & signup page but I want different images based on the route you're on. Is there a way to do that with layouts? Or do I just have to copy-paste the actual html layout code to a login & signup page and change the image that way?

Answered by Red-necked Grebe

thanks, that worked nicely

View full answer

3 Replies

Havana

2023-07-31T23:57:21.000Z

You could determine it based on the pathname which you can get from importing â€žusePathnameâ€œ from â€žnext/navigationâ€œ and then using it like this:

const pathname = usePathname()

. Based on the pathname you could determine if the user is on the login or signup page and change the image accordingly

Red-necked GrebeOP

2023-08-01T00:13:19.000Z

thanks, that worked nicely

Answer

Large garden bumble bee

2023-08-01T01:27:16.000Z

Please mark the solution