From faf5a274cbb65062b658abfc0870d1086f8ae9f1 Mon Sep 17 00:00:00 2001
From: guru_sainath <gurusainath007@gmail.com>
Date: Mon, 4 Sep 2023 17:24:52 +0530
Subject: [PATCH] fix: mutation latency in sidebar projects when user leaves
 the project (#2083)

* fix: mutation latency in sidebar projects when user leaves the project

* chore: remove console
---
 .../project/confirm-project-leave-modal.tsx       | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/web/components/project/confirm-project-leave-modal.tsx b/web/components/project/confirm-project-leave-modal.tsx
index 429c231d2..7d6582869 100644
--- a/web/components/project/confirm-project-leave-modal.tsx
+++ b/web/components/project/confirm-project-leave-modal.tsx
@@ -1,8 +1,6 @@
 import React from "react";
 // next imports
 import { useRouter } from "next/router";
-// swr
-import { mutate } from "swr";
 // react-hook-form
 import { Controller, useForm } from "react-hook-form";
 // headless ui
@@ -21,6 +19,7 @@ import { RootStore } from "store/root";
 // hooks
 import useToast from "hooks/use-toast";
 import useUser from "hooks/use-user";
+import useProjects from "hooks/use-projects";
 // types
 import { IProject } from "types";
 
@@ -42,6 +41,7 @@ export const ConfirmProjectLeaveModal: React.FC = observer(() => {
   const { project } = store;
 
   const { user } = useUser();
+  const { mutateProjects } = useProjects();
 
   const { setToastAlert } = useToast();
 
@@ -59,9 +59,6 @@ export const ConfirmProjectLeaveModal: React.FC = observer(() => {
     reset({ ...defaultValues });
   };
 
-  project?.projectLeaveDetails &&
-    console.log("project leave confirmation modal", project?.projectLeaveDetails);
-
   const onSubmit = async (data: any) => {
     if (data) {
       if (data.projectName === project?.projectLeaveDetails?.name) {
@@ -73,13 +70,7 @@ export const ConfirmProjectLeaveModal: React.FC = observer(() => {
               user
             )
             .then((res) => {
-              mutate<IProject[]>(
-                PROJECTS_LIST(project.projectLeaveDetails.workspaceSlug.toString(), {
-                  is_favorite: "all",
-                }),
-                (prevData) => prevData?.filter((project: IProject) => project.id !== data.id),
-                false
-              );
+              mutateProjects();
               handleClose();
               router.push(`/${workspaceSlug}/projects`);
             })