🐛 Bug Report: UI/UX issue for updating changes in web UI, changes are not persisted if update button is not pressed

[lwuethrich-devedis]

📜 Description

During any actions when updating workflows it is required that after changing templates, configuring channels or similar for a workflow that the 'Update' button is pressed otherwise the changes are not applied.

There is no feedback that this has to be done and when opening the workflow settings on the right the sidebar even covers the update button. This makes it highly probable by accident to not apply setting changes.

When changing pages it would be nice that a confirmation modal pops up that allows to save unsaved changes or discard them as well as some visual indicator that there are unsaved changes. In addition, moving the 'Update' button somewhere else that it is not covered by the sidebar would be an improvement as well.

I categorize this as bug and not polishing as this feels serious enough that it could lead to unwanted behavior.

👟 Reproduction steps

1. Go to the workflows page
2. Edit a workflow
3. Leave without pressing the Update button
4. Changes are not persisted

👍 Expected behavior

• The web ui should ask for confirmation to save or discard changes when routing elsewhere
• Moving the button so that it isn't covered by the right sidebar
• Maybe a visual indicator for unsaved changes

👎 Actual Behavior with Screenshots

Novu version

Novu SaaS

npm version

No response

node version

No response

📃 Provide any additional context for the Bug.

No response

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to submit PR?

None

[linear]

NV-3332 🐛 Bug Report:

[jainpawan21]

@lwuethrich-devedis

Thanks for reporting this.
We will add a warning popup there.