feat(FR-368): Update folder list Immediately after creating a new fol…

…der.
lablup · Jan 22, 2025 · 918906c · 918906c
1 parent 644d9cc
commit 918906c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/react/src/components/FolderCreateModal.tsx b/react/src/components/FolderCreateModal.tsx
@@ -135,6 +135,9 @@ const FolderCreateModal: React.FC<FolderCreateModalProps> = ({
             document.dispatchEvent(
               new CustomEvent('backend-ai-folder-list-changed'),
             );
+            document.dispatchEvent(
+              new CustomEvent('backend-ai-folder-updated'),
+            );
             onRequestClose(result);
           },
           onError: (error) => {

diff --git a/src/components/backend-ai-data-view.ts b/src/components/backend-ai-data-view.ts
@@ -58,7 +58,6 @@ interface GroupData {
 @customElement('backend-ai-data-view')
 export default class BackendAIData extends BackendAIPage {
   @property({ type: String }) apiMajorVersion = '';
-  @property({ type: String }) folderListFetchKey = 'first';
   @property({ type: Boolean }) is_admin = false;
   @property({ type: Boolean }) enableStorageProxy = false;
   @property({ type: Boolean }) enableInferenceWorkload = false;
@@ -814,9 +813,6 @@ export default class BackendAIData extends BackendAIPage {
       // already connected
       this._getStorageProxyInformation();
     }
-    document.addEventListener('backend-ai-folder-list-changed', () => {
-      this.folderListFetchKey = new Date().toISOString();
-    });
     document.addEventListener('backend-ai-vfolder-cloning', (e: any) => {
       if (e.detail) {
         const selectedItems = e.detail;

diff --git a/src/components/backend-ai-storage-list.ts b/src/components/backend-ai-storage-list.ts
@@ -1049,6 +1049,9 @@ export default class BackendAiStorageList extends BackendAIPage {
     document.addEventListener('backend-ai-group-changed', (e) =>
       this._refreshFolderList(true, 'group-changed'),
     );
+    document.addEventListener('backend-ai-folder-updated', (e) =>
+      this._refreshFolderList(true, 'folder-updated'),
+    );
   }
 
   _isUncontrollableStatus(status: VFolderOperationStatus) {