Communicating unsaved changes on FAQ page

[namigoeku]

Overview

FAQ Page: When attempting to navigate away from the page, there should be a warning indicating unsaved changes.

Action Items

• [ ] This can be accomplished by using the modal previously created by devs on the projects page. The modal's verbiage should say something like "Unsaved Changes: Are you sure you want to leave the page?", along with "Save"/"Stay" and "Discard Changes" CTA buttons.
• [ ] Would devs prefer "Save" or "Stay"? "Save" should automatically save the progress, whereas "Stay" indicates the user will remain on the page to continue their progress.
• [ ] Review with product and dev. Update if needed based on feedback
• [ ] Once finalized, add before and after images to the staging deck on this slide
• [ ] Get Stakeholder sign-off via the stakeholder meeting slide deck.

FAQ Page

Example solution

[ExperimentsInHonesty]

latest image.... @NilakshiS might replace in a new comment

[NilakshiS]

Suggested Modal Design: