#8 confirmation toast message ✅

[JessicaLoers]

Value Proposition

As a user
I want to receive a brief confirmation message whenever I create, edit, or delete an activity
In order to know that my actions were successfully completed without needing to navigate or refresh manually

Description

• Display a non-intrusive, temporary toast message that confirms successful completion of actions (create, edit, delete).
• Messages should specify the type of action taken and disappear automatically after a few seconds, ensuring a smooth user experience.

Acceptance Criteria

• [x] A toast message appears in a non-intrusive area of the screen (e.g., bottom-right corner) when an activity is created, edited, or deleted.
• [x] The message text reflects the specific action:
  • "Activity successfully created!" for created activities.
  • "Activity successfully updated!" for edited activities.
  • "Activity successfully deleted!" for deleted activities.
• [x] The toast message automatically dismisses after 3-5 seconds.
• [x] The toast includes a close button that allows users to manually dismiss it.
• [x] The toast does not block user interactions on the page and does not require user action to disappear.

Tasks

• [x] Create a feature Branche feature/toast
• [x] Create a toast component to display confirmation messages.
• [x] Configure the component to accept message text and action type (create, edit, delete).
• [x] Trigger the toast on the successful creation, edit, or deletion of an activity.
• [x] Set the toast to auto-dismiss after a set time (3-5 seconds).
• [x] Add a close button to the toast to allow manual dismissal.
• [x] Ensure the toast component does not interfere with user interactions on the page.

Ressources

React Toastify

[JessicaLoers]

Nice one. Nothing to complain 🚀