From 126a8c433bac6e3f1884adc8a3d5c930b2b384a4 Mon Sep 17 00:00:00 2001
From: ZacharyZcR <zacharyzcr1984@gmail.com>
Date: Wed, 30 Sep 2026 22:45:39 +0800
Subject: [PATCH] fix(file-manager): refresh disk usage with directory listing
 (#1503)

---
 plugins/file-manager/src/frontend/FileManager.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/plugins/file-manager/src/frontend/FileManager.tsx b/plugins/file-manager/src/frontend/FileManager.tsx
index df7612ab6..2fae8ab23 100644
--- a/plugins/file-manager/src/frontend/FileManager.tsx
+++ b/plugins/file-manager/src/frontend/FileManager.tsx
@@ -3316,11 +3316,17 @@ function FileManagerContent({
   }, [currentPath]);
 
   useEffect(() => {
+    if (currentHost?.id) loadPinnedFiles();
+  }, [currentHost?.id]);
+
+  useEffect(() => {
+    let cancelled = false;
+    setDiskInfo(null);
     if (currentHost?.id) {
-      loadPinnedFiles();
       // Undefined while the host-metrics plugin is off: no disk bar then.
       invokeAction("host-metrics.disk", currentHost.id)
         .then((result) => {
+          if (cancelled) return;
           const disk = result as HostDiskInfo | null | undefined;
           if (disk?.percent != null && disk.usedHuman && disk.totalHuman) {
             setDiskInfo({
@@ -3334,7 +3340,10 @@ function FileManagerContent({
         })
         .catch(() => {});
     }
-  }, [currentHost?.id]);
+    return () => {
+      cancelled = true;
+    };
+  }, [currentHost?.id, lastRefreshTime]);
 
   useEffect(() => {
     localStorage.setItem("fileManagerDensity", density);