From c23d4f63edd19a18afbdc08c03eac6e3f84c97d8 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Wed, 23 Mar 2022 16:40:47 +0100
Subject: [PATCH] Add pagination to ProductsTable component

---
 app/components/products_table_component.rb             | 10 +++++++++-
 .../products_table_component.html.haml                 |  2 ++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/components/products_table_component.rb b/app/components/products_table_component.rb
index 4aca2c791f..8a7fcf94a4 100644
--- a/app/components/products_table_component.rb
+++ b/app/components/products_table_component.rb
@@ -25,6 +25,7 @@ class ProductsTableComponent < ViewComponentReflex::Component
                    .managed_product_enterprises.is_primary_producer.by_name
                    .map { |producer| { label: producer.name, value: producer.id.to_s } }
     @producers_selected = ["all"]
+    @page = 1
   end
 
   def before_render
@@ -60,6 +61,13 @@ class ProductsTableComponent < ViewComponentReflex::Component
     fetch_products
   end
 
+  def change_page
+    page = element.dataset['page'].to_i
+    @page = page if page > 0
+
+    fetch_products
+  end
+
   private
 
   def toggle_super_selector(clicked, selected)
@@ -80,7 +88,7 @@ class ProductsTableComponent < ViewComponentReflex::Component
   def fetch_products
     product_query = OpenFoodNetwork::Permissions.new(@user).editable_products.merge(product_scope)
     @products = product_query.ransack(ransack_query).result
-    @pagy, @products = pagy(@products, items: @per_page_selected.first)
+    @pagy, @products = pagy(@products, items: @per_page_selected.first, page: @page)
   end
 
   def product_scope
diff --git a/app/components/products_table_component/products_table_component.html.haml b/app/components/products_table_component/products_table_component.html.haml
index 08038ac73a..70fcf72a18 100644
--- a/app/components/products_table_component/products_table_component.html.haml
+++ b/app/components/products_table_component/products_table_component.html.haml
@@ -25,3 +25,5 @@
               = @columns.find{ |c| c[:value] == column }[:label]
       %tbody
         = render(ProductComponent.with_collection(@products, columns: @columns_selected))
+  #pagination
+    = render(PaginationComponent.new(pagy: @pagy, data: {key: key, reflex: "click->ProductsTableComponent#change_page" }))