As a user, when I try to navigate away from a page containing pending changes I want to be notified so I don't potentially lose unsaved work or become confused as to why my changes are not persisting.
The confirmation dialog in GroupDetails when you try to navigate away while there are pending changes is incredibly basic and should be factored into its own component.
[x] Create a ` comonent
[x] The component should take the following parameters
[x] confirmationMessage a string
[x] optionsArray which is an array of objects containing the optionText, optionCallback, and potentially optionColor which allows the confirmation to show multiple buttons and be more flexible.
[x] When implemented into GroupDetails ensure the same UX flow is maintained.
As a user, when I try to navigate away from a page containing pending changes I want to be notified so I don't potentially lose unsaved work or become confused as to why my changes are not persisting.
The confirmation dialog in
GroupDetails
when you try to navigate away while there are pending changes is incredibly basic and should be factored into its own component.confirmationMessage
a stringoptionsArray
which is an array of objects containing theoptionText
,optionCallback
, and potentiallyoptionColor
which allows the confirmation to show multiple buttons and be more flexible.GroupDetails
ensure the same UX flow is maintained.