If you reach the end of the rendered results, display a message

the-pudding · Nov 7, 2024 · a4dd692 · a4dd692
1 parent 3bb97b7
commit a4dd692
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/search/SearchBarAndDropdown.svelte b/src/components/search/SearchBarAndDropdown.svelte
@@ -177,8 +177,13 @@
                         >
                             <svelte:component this={renderComponent} {result} />
                         </li>
-                    {/each}
+                    {/each} 
                 </ul>
+                {#if searchResults.length > searchResultsSubsetToRender.length}
+                    <div class="more-results">
+                        <b>{searchResultsSubsetToRender.length}</b> out of <b>{searchResults.length}</b> results wasn't enough for you? Ok, data fiend, try another filter to explore more. :)
+                    </div>
+                {/if}
             {/if}
         </div>
     {/if}
@@ -196,7 +201,7 @@
         z-index: 1000000001; /* always must be top most element */
     }
 
-    .no-results {
+    .no-results, .more-results {
         padding: 8px;
     }