Rebase with Akhi

frontend/src/components/signup/TeamInviteStep.tsx

@@ -60,7 +60,7 @@ export default function TeamInviteStep(): JSX.Element {
             placeholder="[email protected], [email protected]..."
           />
         </div>
-        <div className="mx-auto mt-0 mt-2 flex w-full flex-row items-end justify-end text-sm md:mt-4 md:mb-2 md:min-w-[30rem] md:max-w-md">
+        <div className="mx-auto mt-2 flex w-full flex-row items-end justify-end text-sm md:mt-4 md:mb-2 md:min-w-[30rem] md:max-w-md">
           <Button
             onClick={() => {
               if (serverDetails?.emailConfigured) {

frontend/src/views/Project/MembersPage/components/MembersTab/components/AddMemberModal.tsx

@@ -21,10 +21,9 @@ import {
 } from "@app/components/v2";
 import { useOrganization, useWorkspace } from "@app/context";
 import {
-  useAddUserToWsNonE2EE,
+  useAddUsersToOrg,
   useGetOrgUsers,
   useGetProjectRoles,
-  useGetUserWsKey,
   useGetWorkspaceUsers
 } from "@app/hooks/api";
 import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
@@ -51,12 +50,9 @@ export const AddMemberModal = ({ popUp, handlePopUpToggle }: Props) => {
   const orgId = currentOrg?.id || "";
   const workspaceId = currentWorkspace?.id || "";
 
-  const { data: wsKey } = useGetUserWsKey(workspaceId);
   const { data: members } = useGetWorkspaceUsers(workspaceId);
   const { data: orgUsers } = useGetOrgUsers(orgId);
 
-  const { mutateAsync: addUserToWorkspaceNonE2EE } = useAddUserToWsNonE2EE();
-
   const { data: roles } = useGetProjectRoles(currentWorkspace?.slug || "");
 
   const {
@@ -70,17 +66,12 @@ export const AddMemberModal = ({ popUp, handlePopUpToggle }: Props) => {
     defaultValues: { orgMembershipIds: [], projectRoleSlugs: [ProjectMembershipRole.Member] }
   });
 
+  const { mutateAsync: addMembersToProject } = useAddUsersToOrg();
+
   const onAddMember = async ({ orgMembershipIds, projectRoleSlugs }: TAddMemberForm) => {
     if (!currentWorkspace) return;
     if (!currentOrg?.id) return;
-    // TODO(akhilmhdh): Move to memory storage
-    const userPrivateKey = localStorage.getItem("PRIVATE_KEY");
-    if (!userPrivateKey || !wsKey) {
-      createNotification({
-        text: "Failed to find private key. Try re-login"
-      });
-      return;
-    }
+
     const selectedMembers = orgMembershipIds.map((orgMembershipId) =>
       orgUsers?.find((orgUser) => orgUser.id === orgMembershipId)
     );
@@ -94,11 +85,13 @@ export const AddMemberModal = ({ popUp, handlePopUpToggle }: Props) => {
           text: "Please upgrade your project to invite new members to the project."
         });
       } else {
-        await addUserToWorkspaceNonE2EE({
-          projectId: workspaceId,
-          usernames: [...selectedMembers.map((member) => member?.user.username!)],
-          roleSlugs: projectRoleSlugs,
-          orgId
+        await addMembersToProject({
+          inviteeEmails: selectedMembers.map((member) => member?.user.username!),
+          organizationId: orgId,
+          projects: projectRoleSlugs.map((roleSlug) => ({
+            id: workspaceId,
+            projectRoleSlug: roleSlug
+          }))
         });
       }
       createNotification({