Update the select components to show the message about no records.

lib/decentralised_book_index_web/components/my_components/select_author.ex

@@ -42,6 +42,13 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectAuthor do
         </div>
       </form>
 
+      <%= if Enum.empty?(@page.results) do %>
+        <div class="flex justify-center ">
+          <p class="text-lg font-semibold py-5 dark:text-white">
+            No Authors
+          </p>
+        </div>
+      <% else %>
         <%= for author <- @page.results do %>
           <div
             phx-click="select-author"
@@ -55,6 +62,7 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectAuthor do
             </h5>
           </div>
         <% end %>
+      <% end %>
     </div>
     """
   end

lib/decentralised_book_index_web/components/my_components/select_author_alias.ex

@@ -42,6 +42,13 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectAuthorAlias do
         </div>
       </form>
 
+      <%= if Enum.empty?(@page.results) do %>
+        <div class="flex justify-center ">
+          <p class="text-lg font-semibold py-5 dark:text-white">
+            No Authors
+          </p>
+        </div>
+      <% else %>
         <%= for author_alias <- @page.results do %>
           <div
             phx-click="select-author-alias"
@@ -54,6 +61,7 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectAuthorAlias do
             </h5>
           </div>
         <% end %>
+      <% end %>
     </div>
     """
   end

lib/decentralised_book_index_web/components/my_components/select_book_edition.ex

@@ -42,6 +42,13 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectBookEdition do
         </div>
       </form>
 
+      <%= if Enum.empty?(@page.results) do %>
+        <div class="flex justify-center ">
+          <p class="text-lg font-semibold py-5 dark:text-white">
+            No Books
+          </p>
+        </div>
+      <% else %>
         <%= for book_edition <- @page.results do %>
           <div
             phx-click="select-book-edition"
@@ -54,6 +61,7 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectBookEdition do
             </h5>
           </div>
         <% end %>
+      <% end %>
     </div>
     """
   end

lib/decentralised_book_index_web/components/my_components/select_publisher.ex

@@ -42,6 +42,13 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectPublisher do
         </div>
       </form>
 
+      <%= if Enum.empty?(@page.results) do %>
+        <div class="flex justify-center ">
+          <p class="text-lg font-semibold py-5 dark:text-white">
+            No Publishers
+          </p>
+        </div>
+      <% else %>
         <%= for publisher <- @page.results do %>
           <div
             phx-click="select-publisher"
@@ -54,6 +61,7 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.SelectPublisher do
             </h5>
           </div>
         <% end %>
+      <% end %>
     </div>
     """
   end