chore: adds toast notification on members settings (#327)

frontend/src/app/[locale]/projects/[projectId]/members/MembersPage.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { useState, useEffect, useContext } from 'react';
-import { Button } from '@heroui/react';
+import { addToast, Button } from '@heroui/react';
 import { Plus } from 'lucide-react';
 import MembersTable from './MembersTable';
 import AddMemberDialog from './AddMemberDialog';
@@ -45,6 +45,11 @@ export default function MembersPage({ projectId, messages }: Props) {
       const updateMembers = [...members];
       updateMembers.push(newMember);
       setMembers(updateMembers);
+      addToast({
+        title: 'Success',
+        color: 'success',
+        description: messages.memberAdded,
+      });
     }
 
     setIsDialogOpen(false);
@@ -68,12 +73,22 @@ export default function MembersPage({ projectId, messages }: Props) {
       await deleteMember(context.token.access_token, deleteMemberId, Number(projectId));
       setMembers(members.filter((member) => member.User.id !== deleteMemberId));
       closeDeleteConfirmDialog();
+      addToast({
+        title: 'Success',
+        color: 'success',
+        description: messages.memberDeleted,
+      });
     }
   };
 
   const handleChangeRole = async (userEdit: UserType, role: number) => {
     if (userEdit.id) {
       await updateMember(context.token.access_token, userEdit.id, Number(projectId), role);
+      addToast({
+        title: 'Success',
+        color: 'success',
+        description: messages.roleChanged,
+      });
       setMembers((prevMembers) => {
         return prevMembers.map((member) => {
           if (member.User.id === userEdit.id) {

frontend/src/app/[locale]/projects/[projectId]/members/page.tsx

@@ -30,6 +30,9 @@ export default function Page({ params }: { params: { projectId: string; locale:
     close: t('close'),
     add: t('add'),
     areYouSure: t('are_you_sure'),
+    memberAdded: t('member_added'),
+    roleChanged: t('role_changed'),
+    memberDeleted: t('member_deleted'),
   };
 
   return (