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

frontend/messages/en.json

@@ -348,7 +348,10 @@
     "user_name_or_email": "User name or email",
     "close": "Close",
     "add": "Add",
-    "are_you_sure": "Are you sure you want to delete member?"
+    "are_you_sure": "Are you sure you want to delete member?",
+    "member_added": "Member added",
+    "role_changed": "Member role changed",
+    "member_deleted": "Member deleted"
   },
   "Settings": {
     "project_management": "Project Management",

frontend/messages/ja.json

@@ -349,7 +349,10 @@
     "user_name_or_email": "ユーザー名またはメールアドレス",
     "close": "閉じる",
     "add": "追加",
-    "are_you_sure": "メンバーを削除してもよろしいですか?"
+    "are_you_sure": "メンバーを削除してもよろしいですか?",
+    "member_added": "メンバーが追加されました",
+    "role_changed": "メンバーのロールを更新しました",
+    "member_deleted": "メンバーを削除しました"
   },
   "Settings": {
     "project_management": "プロジェクト管理",

frontend/messages/pt-BR.json

@@ -348,7 +348,10 @@
     "user_name_or_email": "Nome de usuário ou e-mail",
     "close": "Fechar",
     "add": "Adicionar",
-    "are_you_sure": "Tem certeza de que deseja excluir o membro?"
+    "are_you_sure": "Tem certeza de que deseja excluir o membro?",
+    "member_added": "Membro adicionado",
+    "role_changed": "Função do membro alterada",
+    "member_deleted": "Membro excluído"
   },
   "Settings": {
     "project_management": "Gerenciamento de Projetos",

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 (

frontend/types/member.ts

@@ -15,4 +15,7 @@ export type MembersMessages = {
   close: string;
   add: string;
   areYouSure: string;
+  memberAdded: string;
+  roleChanged: string;
+  memberDeleted: string;
 };