feat(autocomplete): add "no results" state (#2361)

mbta · Feb 5, 2025 · c438bb8 · c438bb8
1 parent 25af2d0
commit c438bb8
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/assets/ts/ui/autocomplete/sources.ts b/assets/ts/ui/autocomplete/sources.ts
@@ -95,7 +95,16 @@ export const locationSource = (
   templates: {
     item: urlType
       ? templateWithLink(LocationItemTemplate)
-      : LocationItemTemplate
+      : LocationItemTemplate,
+    noResults({ html }) {
+      return html`
+        <i
+          class="fa fa-fw fa-circle-exclamation text-firebrick-50 mr-sm"
+          aria-hidden="true"
+        ></i>
+        No results found
+      `;
+    }
   },
   getItems() {
     return fetch(`/places/search/${encodeURIComponent(query)}/${number}`)