add empty search results state

NASA-AMMOS · Dec 5, 2024 · c539c8c · c539c8c
1 parent 7c9fd18
commit c539c8c
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/components/sequencing/CommandPanel/CommandDictionary.svelte b/src/components/sequencing/CommandPanel/CommandDictionary.svelte
@@ -144,13 +144,17 @@
       </select>
     </div>
     <div class="dictionary-results">
-      {#each commandResults as commandResult}
-        <div class="dictionary-result">
-          <button class="st-button-link" on:click={() => onSelectCommandDefinition(commandResult)}>
-            {commandResult.stem}
-          </button>
-        </div>
-      {/each}
+      {#if commandResults.length > 0}
+        {#each commandResults as commandResult}
+          <div class="dictionary-result">
+            <button class="st-button-link" on:click={() => onSelectCommandDefinition(commandResult)}>
+              {commandResult.stem}
+            </button>
+          </div>
+        {/each}
+      {:else}
+        No {searchFieldMap[searchField]} matched your search query.
+      {/if}
     </div>
   </div>
   <div class="command-metadata-container" class:hidden={selectedCommandDefinition === null}>