10 Modal-windows/user-interaction

[e-Steffen]

Modal-windows/user-interaction

As a user I want to get a consisent UX, including visually appealing dialog-messages In order to be able to confirm my prompt for adding or deleting an activity and be informed about a successful interaction

Description

Acceptance criteria

• [x] When the user clicks on the delete-button, a message is shown to confirm or cancel the delete
• [x] If the delete is cancelled, the user gets back to the corresponding detail-page
• [x] if the delete was confirmed, a "delete successful"-message is shown
• [x] if the user adds an activity, a "new activity added"-message is shown
• [x] if the user edits an activity, a "activity updated"-message is shown
• [x] all messages disappears automatically after a few seconds, so that no further user-interaction is needed in order to get a fluent UX

  Tasks

• [x] create a new feature branch "feature/modal-user-interaction"
• [x] use npm install react-modal
• [x] use the Modal-component for the delete-user-dialog (create an own component)
• [x] use npm install react-toastify
• [x] use toastify-library for the add, edit and delete-notification (onClick-event)
• [x] implement the functionality for the modal-messages/windows including the rendering on the corresponding pages

[Roland-Hufnagel]

Please define some more precise tasks, HOW to implement the functionality. (Keep in mind you have two different purposes. The fist is typically called a 'modal-window' and the second is called a 'toast-message')

[Roland-Hufnagel]

Looks fine now