updated dashboard duplication

app/src/components/Dashboard/DashboardProjects.tsx

@@ -9,6 +9,7 @@ import { deleteProject } from "../../services/dashboard/deleteProject";
 import ProjectSocketRes from "./socket/projectSocketRes.dev";
 import { sharedWithMeProjects } from "../../services/dashboard/sharedWithMeProject";
 import { duplicateProject } from "../../services/dashboard/duplicateProject";
+import { generateUniqueId } from "../../functions/generateUniqueId";
 
 interface Project {
   _id: string;
@@ -27,7 +28,7 @@ const DashboardProjects: React.FC = () => {
   const [workspaceProjects, setWorkspaceProjects] = useState<WorkspaceProjects>(
     {}
   );
-  const [sharedwithMeProject, setSharedWithMeProjects] = useState<any>([])
+  const [sharedwithMeProject, setSharedWithMeProjects] = useState<any>([]);
   const [projectDuplicateData, setProjectDuplicateData] = useState<Object>({});
   const [isSearchActive, setIsSearchActive] = useState<boolean>(false);
   const [activeFolder, setActiveFolder] = useState<string>("myProjects");
@@ -41,7 +42,11 @@ const DashboardProjects: React.FC = () => {
     }
     if (!setWorkspaceProjects || !setIsSearchActive) return;
 
-    const searchedProject = await searchProject(organization, userId, inputValue);
+    const searchedProject = await searchProject(
+      organization,
+      userId,
+      inputValue
+    );
     setIsSearchActive(true);
     setWorkspaceProjects(searchedProject.message ? {} : searchedProject);
   };
@@ -49,14 +54,13 @@ const DashboardProjects: React.FC = () => {
   const fetchAllProjects = async () => {
     try {
       const projects = await getAllProjects(userId, organization);
+
       if (!projects || !projects.Projects) return;
 
       if (JSON.stringify(projects) !== JSON.stringify(workspaceProjects)) {
         setWorkspaceProjects(projects);
       }
-    } catch (error) {
-      console.error("Error fetching projects:", error);
-    }
+    } catch (error) {}
   };
 
   const handleDeleteProject = async (projectId: any) => {
@@ -66,7 +70,7 @@ const DashboardProjects: React.FC = () => {
       //   userId,
       //   organization
       // );
-      // console.log('deletedProject: ', deletedProject);
+      //
       const deleteProjects = {
         projectId,
         organization,
@@ -77,7 +81,6 @@ const DashboardProjects: React.FC = () => {
       if (projectSocket) {
         projectSocket.emit("v1:project:delete", deleteProjects);
       } else {
-        console.error("Socket is not connected.");
       }
       setWorkspaceProjects((prevDiscardedProjects: WorkspaceProjects) => {
         if (!Array.isArray(prevDiscardedProjects?.Projects)) {
@@ -92,16 +95,21 @@ const DashboardProjects: React.FC = () => {
         };
       });
       setIsSearchActive(false);
-    } catch (error) {
-      console.error("Error deleting project:", error);
-    }
+    } catch (error) {}
   };
 
   const handleDuplicateWorkspaceProject = async (
     projectId: string,
     projectName: string,
-    thumbnail: string,
+    thumbnail: string
   ) => {
+    const duplicatedProject = await duplicateProject(
+      projectId,
+      generateUniqueId(),
+      thumbnail,
+      projectName
+    );
+    console.log("duplicatedProject: ", duplicatedProject);
 
     const duplicateProjectData = {
       userId,
@@ -110,7 +118,7 @@ const DashboardProjects: React.FC = () => {
       projectUuid: projectId,
       projectName,
     };
-    projectSocket.emit("v1:project:Duplicate", duplicateProjectData);
+    // projectSocket.emit("v1:project:Duplicate", duplicateProjectData);
   };
 
   const renderProjects = () => {
@@ -153,16 +161,12 @@ const DashboardProjects: React.FC = () => {
     ));
   };
 
-
   const sharedProject = async () => {
     try {
       const sharedWithMe = await sharedWithMeProjects();
-      setSharedWithMeProjects(sharedWithMe)
-    } catch {
-
-    }
-  }
-
+      setSharedWithMeProjects(sharedWithMe);
+    } catch {}
+  };
 
   useEffect(() => {
     if (!isSearchActive) {
@@ -172,10 +176,9 @@ const DashboardProjects: React.FC = () => {
 
   useEffect(() => {
     if (activeFolder === "shared") {
-      sharedProject()
+      sharedProject();
     }
-  }, [activeFolder])
-
+  }, [activeFolder]);
 
   return (
     <div className="dashboard-home-container">
@@ -184,7 +187,10 @@ const DashboardProjects: React.FC = () => {
         handleProjectsSearch={handleProjectsSearch}
       />
 
-      <div className="dashboard-container" style={{ height: "calc(100% - 87px)" }}>
+      <div
+        className="dashboard-container"
+        style={{ height: "calc(100% - 87px)" }}
+      >
         <div className="header-wrapper" style={{ display: "flex", gap: "7px" }}>
           <button
             className={`header ${activeFolder === "myProjects" && "active"}`}
@@ -199,19 +205,22 @@ const DashboardProjects: React.FC = () => {
             Shared with me
           </button>
         </div>
-        <div className="cards-container">{activeFolder == "myProjects" ? renderProjects() : renderSharedProjects()}</div>
+        <div className="cards-container">
+          {activeFolder == "myProjects"
+            ? renderProjects()
+            : renderSharedProjects()}
+        </div>
 
-        {projectDuplicateData && Object.keys(projectDuplicateData).length > 0 && (
-          <ProjectSocketRes
-            setIsSearchActive={setIsSearchActive}
-            setWorkspaceProjects={setWorkspaceProjects}
-          />
-        )}
+        {projectDuplicateData &&
+          Object.keys(projectDuplicateData).length > 0 && (
+            <ProjectSocketRes
+              setIsSearchActive={setIsSearchActive}
+              setWorkspaceProjects={setWorkspaceProjects}
+            />
+          )}
       </div>
     </div>
   );
 };
 
 export default DashboardProjects;
-
-