From 8e615658f84ba8067be74711457eec64f503841c Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 8 Oct 2024 08:56:25 +0100
Subject: [PATCH] Allow pagination component to be used multiple times

Enables further experimentation with multiple pagination controls on the
same page (not necessarily a good idea).
---
 lib/music_library_web/components/pagination.ex         | 3 ++-
 lib/music_library_web/live/record_live/index.html.heex | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/components/pagination.ex b/lib/music_library_web/components/pagination.ex
index de5c3966..67b56ade 100644
--- a/lib/music_library_web/components/pagination.ex
+++ b/lib/music_library_web/components/pagination.ex
@@ -4,6 +4,7 @@ defmodule MusicLibraryWeb.Pagination do
   use Gettext, backend: MusicLibraryWeb.Gettext
 
   attr :pagination_params, :map, required: true
+  attr :id, :atom, required: true
 
   def pagination(assigns) do
     page_links = generate_page_links(assigns.pagination_params)
@@ -11,7 +12,7 @@ defmodule MusicLibraryWeb.Pagination do
 
     ~H"""
     <div
-      id="pagination"
+      id={@id}
       class="flex items-center justify-between border-t border-zinc-200 bg-white px-4 py-6 sm:px-6 mb-4"
     >
       <%!-- Only on smallest viewport --%>
diff --git a/lib/music_library_web/live/record_live/index.html.heex b/lib/music_library_web/live/record_live/index.html.heex
index 9d5f2220..69476be1 100644
--- a/lib/music_library_web/live/record_live/index.html.heex
+++ b/lib/music_library_web/live/record_live/index.html.heex
@@ -23,6 +23,7 @@
   of <b><%= @record_list_params.total_entries %></b>
   records
 </p>
+
 <.table
   id="records"
   rows={@streams.records}
@@ -108,4 +109,4 @@
   />
 </.modal>
 
-<.pagination pagination_params={@record_list_params} />
+<.pagination id={:bottom_pagination} pagination_params={@record_list_params} />