Merge pull request #348 from privacy-scaling-explorations/feat/279successMessage

feat: success Message when adding member

apps/dashboard/src/main.tsx

@@ -10,7 +10,10 @@ const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement)
 
 root.render(
     <AuthContextProvider>
-        <ChakraProvider theme={theme}>
+        <ChakraProvider
+            theme={theme}
+            toastOptions={{ defaultOptions: { position: "bottom" } }}
+        >
             <Routes />
         </ChakraProvider>
     </AuthContextProvider>

apps/dashboard/src/pages/group.tsx

@@ -22,6 +22,7 @@ import {
     Tooltip,
     useClipboard,
     useDisclosure,
+    useToast,
     VStack
 } from "@chakra-ui/react"
 import { useCallback, useEffect, useState, useContext } from "react"
@@ -45,6 +46,7 @@ import { AuthContext } from "../context/auth-context"
 export default function GroupPage(): JSX.Element {
     const navigate = useNavigate()
     const addMembersModal = useDisclosure()
+    const toast = useToast()
     const { groupId, groupType } = useParams()
     const [_group, setGroup] = useState<Group | null>()
     const { hasCopied, setValue: setApiKey, onCopy } = useClipboard("")
@@ -102,8 +104,19 @@ export default function GroupPage(): JSX.Element {
             setGroup({ ..._group! })
 
             addMembersModal.onClose()
+
+            toast({
+                title:
+                    memberIds.length > 1 ? "Members added." : "Member added.",
+                description:
+                    memberIds.length > 1
+                        ? " The members have been successfully added to the group."
+                        : "The member has been successfully added to the group.",
+                status: "success",
+                duration: 3000
+            })
         },
-        [_group, addMembersModal]
+        [_group, addMembersModal, toast]
     )
 
     const removeMember = useCallback(