From 363c5c8ec4ede8bd04fc3bb42255d455c9c091e0 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 17 Apr 2023 10:27:20 +0530
Subject: [PATCH] fix: join project mutation (#835)

* fix: join project mutation

* chore: remove imports
---
 .../auth-screens/project/join-project.tsx        | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/app/components/auth-screens/project/join-project.tsx b/apps/app/components/auth-screens/project/join-project.tsx
index 1c2018db0a..402fff42bb 100644
--- a/apps/app/components/auth-screens/project/join-project.tsx
+++ b/apps/app/components/auth-screens/project/join-project.tsx
@@ -5,15 +5,16 @@ import { useRouter } from "next/router";
 
 import { mutate } from "swr";
 
+// services
+import projectService from "services/project.service";
 // ui
 import { PrimaryButton } from "components/ui";
-// icon
+// icons
 import { AssignmentClipboardIcon } from "components/icons";
-// img
+// images
 import JoinProjectImg from "public/auth/project-not-authorized.svg";
-import projectService from "services/project.service";
 // fetch-keys
-import { PROJECT_MEMBERS } from "constants/fetch-keys";
+import { USER_PROJECT_VIEW } from "constants/fetch-keys";
 
 export const JoinProject: React.FC = () => {
   const [isJoiningProject, setIsJoiningProject] = useState(false);
@@ -22,13 +23,16 @@ export const JoinProject: React.FC = () => {
   const { workspaceSlug, projectId } = router.query;
 
   const handleJoin = () => {
+    if (!workspaceSlug || !projectId) return;
+
     setIsJoiningProject(true);
     projectService
       .joinProject(workspaceSlug as string, {
         project_ids: [projectId as string],
       })
-      .then(() => {
-        mutate(PROJECT_MEMBERS(projectId as string));
+      .then(async () => {
+        await mutate(USER_PROJECT_VIEW(workspaceSlug.toString()));
+        setIsJoiningProject(false);
       })
       .catch((err) => {
         console.error(err);