feat: loadfiles

AElfProject · Aug 29, 2024 · 51e56d6 · 51e56d6
1 parent 566c806
commit 51e56d6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/components/webcontainer/node-terminal.tsx b/components/webcontainer/node-terminal.tsx
@@ -7,6 +7,7 @@ import { FitAddon } from "@xterm/addon-fit";
 import { WebContainer } from "@webcontainer/api";
 import { useWebContainer } from "./use-web-container";
 import { useTheme } from "next-themes";
+import { useLoadFiles } from "./use-load-files";
 
 async function startShell(
   terminal: Terminal,
@@ -45,6 +46,7 @@ export function NodeTerminal() {
   const terminalRef = useRef<Terminal>();
   const webContainer = useWebContainer();
   const { resolvedTheme } = useTheme();
+  const loadFiles = useLoadFiles();
 
   useEffect(() => {
     if (!!terminalElRef.current && !terminalRef.current && !!webContainer) {
@@ -82,6 +84,10 @@ export function NodeTerminal() {
     }
   }, [resolvedTheme, terminalRef]);
 
+  useEffect(() => {
+    loadFiles();
+  }, [loadFiles]);
+
   return <div ref={terminalElRef} className="p-2"></div>;
 }
 

diff --git a/components/webcontainer/use-load-files.ts b/components/webcontainer/use-load-files.ts
@@ -56,7 +56,7 @@ export function useLoadFiles() {
       });
       webContainer.mount(root);
     }
-  }, [id, pathname]);
+  }, [id, pathname, webContainer]);
 
   return loadFiles;
 }
diff --git a/components/workspace/upload-modal.tsx b/components/workspace/upload-modal.tsx
@@ -71,7 +71,7 @@ export default function UploadModal() {
         );
 
         await refreshFileExplorer();
-        loadFiles();
+        await loadFiles();
         setIsOpen(false);
       } catch (err) {
         alert(String(err));