From c539c8cc6d3354d32b3b63d1fc5783bf1536d349 Mon Sep 17 00:00:00 2001
From: bduran <bryan.duran@jpl.nasa.gov>
Date: Thu, 5 Dec 2024 12:36:48 -0800
Subject: [PATCH] add empty search results state

---
 .../CommandPanel/CommandDictionary.svelte      | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/sequencing/CommandPanel/CommandDictionary.svelte b/src/components/sequencing/CommandPanel/CommandDictionary.svelte
index ce7847dd0a..8518c9a7f5 100644
--- 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}>