Fix the prompt dialog button

[NiallJoeMaher]

Context

We have a component used in to catch unsaved changes on an article so a user doesn't accidentally navigate away.

It is commented out at the moment because since Next.js version 13 (and the app router) it no longer behaves as expected.

Expected Behavior

Fix the PromptService component (components/PromptService/PromptService.tsx) so that it works in the new app router.
When it is complete we should be able to add them back into the editor so the user is warned if they are about to navigate away.

Current Behavior

It's totally broken. 🙃

[Joseph2001-braganza]

I can work on this issue.

[Joseph2001-braganza]

I suppose It should throw a prompt message when the user tries to navigate to another link, while writing a post ?

[NiallJoeMaher]

Yes it's working on the production site at the moment in case you want to see it.

This is when you are logged in and try to create an article (https://www.codu.co/create)

There is autosave functionality, but if the user is about to navigate away they see the modal in the screenshot.

[Joseph2001-braganza]

Yes I checked it.It works only once when I try to navigate back.Shouldn't it work every time when some one is navigating to different routes or once should work ? I will try to fix this issue.
In Production there is no theme like dark and light theme.Since in the dev when I try to change the theme to light the text in the post is also black, it camouflages with the background color.

[NiallJoeMaher]

Thanks for that! I've been opening issues for fixing this stuff so I'll add it to the pile of issues to pick up.

And since the change to the /app router we now use the next package called "next/navigation" which doesn't have the same hooks as before (and that's what caused it to break).

[NiallJoeMaher]

@Joseph2001-braganza let me know if you are tackling this or if I should release it. 🦾 Thanks!

[Joseph2001-braganza]

I was looking out for some potential solutions for this but couldn't find one.I guess due to the new version the Next Js team is developing it and still under development as per the github issue thread of Next Js.

[NiallJoeMaher]

Dang! This newest version of next has thrown some issues... 😢

[seog-jun]

@NiallJoeMaher Can I have a look? I'm not sure there's a workaround for it

[NiallJoeMaher]

All yours @seog-jun! I have no idea yet.

[seog-jun]

@NiallJoeMaher Huh.. there's no simple workaround here.. even version 14 doesn't come with router.events