Merge pull request #315 from NeurodataWithoutBorders/improve-list-ren…

…dering-for-structure Indicate that the list of interfaces is loading
NeurodataWithoutBorders · Aug 23, 2023 · 08c0226 · 08c0226
2 parents 50e317d + 8dc9bf5
commit 08c0226
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/renderer/src/stories/List.ts b/src/renderer/src/stories/List.ts
@@ -58,6 +58,10 @@ export class List extends LitElement {
         items: {
             type: Array,
             reflect: true
+          },
+          emptyMessage: {
+            type: String,
+            reflect: true
           }
       };
     }

diff --git a/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js b/src/renderer/src/stories/pages/guided-mode/data/GuidedStructure.js
@@ -77,6 +77,8 @@ export class GuidedStructurePage extends Page {
     async updated() {
         const selected = this.info.globalState.interfaces;
 
+        if (Object.keys(selected).length > 0) this.list.emptyMessage = "Loading valid interfaces...";
+
         this.search.options = await fetch(`${baseUrl}/neuroconv`)
             .then((res) => res.json())
             .then((json) =>
@@ -106,6 +108,7 @@ export class GuidedStructurePage extends Page {
             this.list.add({ ...found, key }); // Add previously selected items
         }
 
+        this.addButton.removeAttribute("hidden");
         super.updated(); // Call if updating data
     }
 
@@ -114,6 +117,7 @@ export class GuidedStructurePage extends Page {
         this.list.style.display = "inline-block";
         this.list.clear();
         this.addButton.style.display = "block";
+        this.addButton.setAttribute("hidden", "");
 
         return html`
             <div style="width: 100%; text-align: center;">${this.list} ${this.addButton}</div>