fix: reload the entire file list after adding or deleting files

frontend/components/editor/index.tsx

@@ -23,7 +23,6 @@ import { useSocket } from "@/context/SocketContext"
 import { parseTSConfigToMonacoOptions } from "@/lib/tsconfig"
 import { Sandbox, TFile, TFolder, TTab, User } from "@/lib/types"
 import {
-  addNew,
   cn,
   debounce,
   deepMerge,
@@ -856,13 +855,7 @@ export default function CodeEditor({
   }
 
   const handleDeleteFile = (file: TFile) => {
-    socket?.emit(
-      "deleteFile",
-      { fileId: file.id },
-      (response: (TFolder | TFile)[]) => {
-        setFiles(response)
-      }
-    )
+    socket?.emit("deleteFile", { fileId: file.id })
     closeTab(file.id)
   }
 
@@ -878,7 +871,6 @@ export default function CodeEditor({
       "deleteFolder",
       { folderId: folder.id },
       (response: (TFolder | TFile)[]) => {
-        setFiles(response)
         setDeletingFolderId("")
       }
     )
@@ -1047,7 +1039,6 @@ export default function CodeEditor({
           handleDeleteFolder={handleDeleteFolder}
           socket={socket!}
           setFiles={setFiles}
-          addNew={(name, type) => addNew(name, type, setFiles, sandboxData)}
           deletingFolderId={deletingFolderId}
           toggleAIChat={toggleAIChat}
           isAIChatOpen={isAIChatOpen}

frontend/components/editor/sidebar/index.tsx

@@ -25,7 +25,6 @@ export default function Sidebar({
   handleDeleteFolder,
   socket,
   setFiles,
-  addNew,
   deletingFolderId,
   toggleAIChat,
   isAIChatOpen,
@@ -43,7 +42,6 @@ export default function Sidebar({
   handleDeleteFolder: (folder: TFolder) => void
   socket: Socket
   setFiles: (files: (TFile | TFolder)[]) => void
-  addNew: (name: string, type: "file" | "folder") => void
   deletingFolderId: string
   toggleAIChat: () => void
   isAIChatOpen: boolean
@@ -176,7 +174,6 @@ export default function Sidebar({
                   stopEditing={() => {
                     setCreatingNew(null)
                   }}
-                  addNew={addNew}
                 />
               ) : null}
             </>

frontend/components/editor/sidebar/new.tsx

@@ -9,12 +9,10 @@ export default function New({
   socket,
   type,
   stopEditing,
-  addNew,
 }: {
   socket: Socket
   type: "file" | "folder"
   stopEditing: () => void
-  addNew: (name: string, type: "file" | "folder") => void
 }) {
   const inputRef = useRef<HTMLInputElement>(null)
 
@@ -25,19 +23,9 @@ export default function New({
       const valid = validateName(name, "", type)
       if (valid.status) {
         if (type === "file") {
-          socket.emit(
-            "createFile",
-            { name },
-            ({ success }: { success: boolean }) => {
-              if (success) {
-                addNew(name, type)
-              }
-            }
-          )
+          socket.emit("createFile", { name })
         } else {
-          socket.emit("createFolder", { name }, () => {
-            addNew(name, type)
-          })
+          socket.emit("createFolder", { name })
         }
       }
     }