diff --git a/lib/music_library_web/live/universal_search_live/index.ex b/lib/music_library_web/live/universal_search_live/index.ex
index a1118a44..6ce15cf7 100644
--- a/lib/music_library_web/live/universal_search_live/index.ex
+++ b/lib/music_library_web/live/universal_search_live/index.ex
@@ -1,6 +1,8 @@
defmodule MusicLibraryWeb.UniversalSearchLive.Index do
use MusicLibraryWeb, :live_view
+ import MusicLibraryWeb.SearchComponents
+
alias MusicLibrary.Search
@impl true
diff --git a/lib/music_library_web/live/universal_search_live/index.html.heex b/lib/music_library_web/live/universal_search_live/index.html.heex
index 7e489890..0154f138 100644
--- a/lib/music_library_web/live/universal_search_live/index.html.heex
+++ b/lib/music_library_web/live/universal_search_live/index.html.heex
@@ -46,13 +46,13 @@
-
+ <.loading_state :if={@loading} />
-
+ <.empty_state :if={@search_query == "" and not @loading} />
-
@@ -60,13 +60,13 @@
0 and not @loading} class="max-h-96 overflow-y-auto">
- 0}
title="Collection"
count={length(@search_results.collection)}
total_count={@search_counts.collection_count}
>
-
<:actions>
- length(@search_results.collection)}
count={@search_counts.collection_count}
target="collection"
@@ -84,17 +84,17 @@
phx-value-query={@search_query}
/>
-
+
- 0}
title="Wishlist"
count={length(@search_results.wishlist)}
total_count={@search_counts.wishlist_count}
class="border-t border-gray-200 dark:border-gray-700"
>
-
<:actions>
- length(@search_results.wishlist)}
count={@search_counts.wishlist_count}
target="wishlist"
@@ -112,17 +112,17 @@
phx-value-query={@search_query}
/>
-
+
- 0}
title="Artists"
count={length(@search_results.artists)}
total_count={@search_counts.artists_count}
class="border-t border-gray-200 dark:border-gray-700"
>
-
-
+
-
+ <.keyboard_shortcuts total_results={@total_results} />