no results case

packages/builder/src/components/automation/AutomationPanel/AutomationPanel.svelte

@@ -30,6 +30,8 @@
       return lowerA > lowerB ? 1 : -1
     })
 
+  $: showNoResults = searchString && !filteredAutomations.length
+
   onMount(async () => {
     try {
       await automationStore.actions.fetch()
@@ -53,7 +55,6 @@
     />
   </div>
   <div class="side-bar-nav">
-    {#if filteredAutomations.length}
     {#each filteredAutomations as automation}
       <NavItem
         text={automation.name}
@@ -64,7 +65,8 @@
         <EditAutomationPopover {automation} />
       </NavItem>
     {/each}
-    {:else}
+
+    {#if showNoResults}
       <Layout paddingY="none" paddingX="L">
         <div class="no-results">
           There aren't any automations matching that name