updated dashboard duplication

app/src/components/ui/FileMenu.tsx

@@ -10,100 +10,101 @@ import { updateProject } from "../../services/dashboard/updateProject";
 import { getUserData } from "../../functions/getUserData";
 
 const FileMenu: React.FC = () => {
-    const [openMenu, setOpenMenu] = useState(false);
-    const containerRef = useRef<HTMLButtonElement>(null);
-    let clickTimeout: NodeJS.Timeout | null = null;
-    const { projectName, setProjectName } = useProjectName();
-    const { dashBoardSocket } = useSocketStore();
-    const { projectId } = useParams();
-    const { userId, organization, email } = getUserData();
+  const [openMenu, setOpenMenu] = useState(false);
+  const containerRef = useRef<HTMLButtonElement>(null);
+  let clickTimeout: NodeJS.Timeout | null = null;
+  const { projectName, setProjectName } = useProjectName();
+  const { dashBoardSocket } = useSocketStore();
+  const { projectId } = useParams();
+  const { userId, organization, email } = getUserData();
 
-    const handleClick = () => {
-        if (clickTimeout) return;
-        setOpenMenu((prev) => !prev);
-        clickTimeout = setTimeout(() => {
-            clickTimeout = null;
-        }, 800);
+  const handleClick = () => {
+    if (clickTimeout) return;
+    setOpenMenu((prev) => !prev);
+    clickTimeout = setTimeout(() => {
+      clickTimeout = null;
+    }, 800);
+  };
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        containerRef.current &&
+        !containerRef.current.contains(event.target as Node)
+      ) {
+        setOpenMenu(false);
+      }
     };
 
-    useEffect(() => {
-        const handleClickOutside = (event: MouseEvent) => {
-            if (
-                containerRef.current &&
-                !containerRef.current.contains(event.target as Node)
-            ) {
-                setOpenMenu(false);
-            }
-        };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
 
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, []);
+  const handleProjectRename = async (projectName: string) => {
+    setProjectName(projectName);
+    if (!projectId) return;
 
-    const handleProjectRename = async (projectName: string) => {
-        setProjectName(projectName);
-        if (!projectId) return
+    // localStorage.setItem("projectName", newName);
 
-        // localStorage.setItem("projectName", newName);
+    try {
+      if (!email || !userId) return;
 
-        try {
+      const projects = await getAllProjects(userId, organization);
+      if (!projects || !projects.Projects) return;
+      // console.log('projects: ', projects);
+      let projectUuid = projects.Projects.find(
+        (val: any) => val.projectUuid === projectId || val._id === projectId
+      );
 
-            if (!email || !userId) return;
+      const updateProjects = {
+        projectId: projectUuid?._id,
+        organization,
+        userId,
+        projectName,
+        thumbnail: undefined,
+      };
 
-            const projects = await getAllProjects(userId, organization);
-            if (!projects || !projects.Projects) return;
-            // console.log('projects: ', projects);
-            let projectUuid = projects.Projects.find((val: any) => val.projectUuid === projectId || val._id === projectId)
+      // if (dashBoardSocket) {
+      //   const handleResponse = (data: any) => {
+      //     console.log('Project update response:', data);
+      //     dashBoardSocket.off("v1-project:response:update", handleResponse); // Clean up
+      //   };
+      //   dashBoardSocket.on("v1-project:response:update", handleResponse);
+      //   dashBoardSocket.emit("v1:project:update", updateProjects);
+      // }
 
-            const updateProjects = {
-                projectId: projectUuid,
-                organization,
-                userId,
-                projectName,
-                thumbnail: undefined
-            }
-
-            // if (dashBoardSocket) {
-            //   const handleResponse = (data: any) => {
-            //     console.log('Project update response:', data);
-            //     dashBoardSocket.off("v1-project:response:update", handleResponse); // Clean up
-            //   };
-            //   dashBoardSocket.on("v1-project:response:update", handleResponse);
-            //   dashBoardSocket.emit("v1:project:update", updateProjects);
-            // }
-
-            //API for projects rename
-            const updatedProjectName = await updateProject(
-                projectId,
-                userId,
-                organization,
-                undefined,
-                projectName
-            );
-            // 
-        } catch (error) {
-            console.error("Error updating project name:", error);
-        }
-    };
-    return (
-        <button
-            id="project-dropdown-button"
-            className="project-dropdowm-container"
-            ref={containerRef}
-            onClick={handleClick}
-        >
-            <div className="project-name">
-                <div className="icon">
-                    <ProjectIcon />
-                </div>
-                <RenameInput value={projectName} onRename={handleProjectRename} />
-            </div>
-            <div className="more-options-button">
-                <ArrowIcon />
-                {openMenu && <MenuBar setOpenMenu={setOpenMenu} />}
-            </div>
-        </button>
-    );
+      //API for projects rename
+      const updatedProjectName = await updateProject(
+        projectId,
+        userId,
+        organization,
+        undefined,
+        projectName
+      );
+      console.log("updatedProjectName: ", updatedProjectName, projectId);
+    } catch (error) {
+      console.error("Error updating project name:", error);
+    }
+  };
+  return (
+    <button
+      id="project-dropdown-button"
+      className="project-dropdowm-container"
+      ref={containerRef}
+      onClick={handleClick}
+    >
+      <div className="project-name">
+        <div className="icon">
+          <ProjectIcon />
+        </div>
+        <RenameInput value={projectName} onRename={handleProjectRename} />
+      </div>
+      <div className="more-options-button">
+        <ArrowIcon />
+        {openMenu && <MenuBar setOpenMenu={setOpenMenu} />}
+      </div>
+    </button>
+  );
 };
 
 export default FileMenu;