add folder logic

frontend/components/editor/index.tsx

@@ -23,7 +23,7 @@ import Tab from "../ui/tab";
 import Sidebar from "./sidebar";
 import GenerateInput from "./generate";
 import { Sandbox, User, TFile, TFolder, TTab } from "@/lib/types";
-import { processFileType, validateName } from "@/lib/utils";
+import { addNew, processFileType, validateName } from "@/lib/utils";
 import { Cursors } from "./live/cursors";
 import { Terminal } from "@xterm/xterm";
 import DisableAccessModal from "./live/disableModal";
@@ -615,17 +615,7 @@ export default function CodeEditor({
         handleDeleteFolder={handleDeleteFolder}
         socket={socket}
         setFiles={setFiles}
-        addNew={(name, type) => {
-          if (type === "file") {
-            setFiles((prev) => [
-              ...prev,
-              { id: `projects/${sandboxData.id}/${name}`, name, type: "file" },
-            ]);
-          } else {
-            console.log("adding folder");
-            // setFiles(prev => [...prev, { id, name, type: "folder", children: [] }])
-          }
-        }}
+        addNew={(name, type) => addNew(name, type, setFiles, sandboxData)}
         deletingFolderId={deletingFolderId}
         // AI Copilot Toggle
         ai={ai}

frontend/components/editor/sidebar/index.tsx

@@ -81,7 +81,6 @@ export default function Sidebar({
 
         const fileFolder = fileId.split("/").slice(0, -1).join("/");
         if (fileFolder === folderId) {
-          console.log("NO");
           return;
         }
 

frontend/components/editor/sidebar/new.tsx

@@ -18,7 +18,7 @@ export default function New({
 }) {
   const inputRef = useRef<HTMLInputElement>(null);
 
-  const createNew = () => {
+  function createNew() {
     const name = inputRef.current?.value;
 
     if (name) {
@@ -34,11 +34,15 @@ export default function New({
               }
             }
           );
+        } else {
+          socket.emit("createFolder", name, () => {
+            addNew(name, type);
+          });
         }
       }
     }
     stopEditing();
-  };
+  }
 
   useEffect(() => {
     inputRef.current?.focus();