Rails標準のページネーションに差し替え

Gemfile

@@ -72,5 +72,3 @@ group :test do
 end
 
 gem 'tailwindcss-rails', '~> 4.0'
-
-gem 'pagy'

Gemfile.lock

@@ -160,7 +160,6 @@ GEM
       racc (~> 1.4)
     nokogiri (1.18.3-x86_64-linux-musl)
       racc (~> 1.4)
-    pagy (9.3.3)
     pp (0.6.2)
       prettyprint
     prettyprint (0.2.0)
@@ -306,7 +305,6 @@ DEPENDENCIES
   debug
   importmap-rails
   jbuilder
-  pagy
   puma (>= 5.0)
   rails (= 8.0.1)
   rails-i18n

app/controllers/application_controller.rb

@@ -1,4 +1,3 @@
 class ApplicationController < ActionController::Base
   protect_from_forgery with: :exception
-  include Pagy::Backend
 end

app/controllers/memos_controller.rb

@@ -2,7 +2,13 @@ class MemosController < ApplicationController
   before_action :set_memo, only: %i[edit update destroy]
 
   def index
-    @pagy, @memos = pagy_countless(Memo.search(params[:query]), items: 12)
+    page = (params[:page] || 0).to_i
+    @memos = Memo.search(params[:query])
+                 .order(created_at: :desc)
+                 .limit(4)
+                 .offset(page * 4)
+
+    @has_next = Memo.search(params[:query]).count > (page + 1) * 4
 
     respond_to do |format|
       format.html

app/helpers/application_helper.rb

@@ -1,3 +1,2 @@
 module ApplicationHelper
-  include Pagy::Frontend
 end

app/views/memos/index.html.erb

@@ -21,19 +21,17 @@
 
 <div id="memos">
   <%= turbo_frame_tag "memos" do %>
-    <div class="flex flex-col gap-4">
+  <div id="memos-container" class="flex flex-col gap-4">
-      <%= render @memos %>
+    <%= render @memos %>
-      <%= render "empty_results", query: params[:query] if @memos.empty? %>
+    <%= render "empty_results", query: params[:query] if @memos.empty? %>
-
+  </div>
-      </div>
+<% end %>
-  <% end %>
+  <div id="load-more" class="text-center mt-8">
-</div>
+  <% if @has_next %>
-
+    <%= link_to "気力十分😤",
-<div id="load-more" class="text-center mt-8">
+        memos_path(page: (params[:page] || 0).to_i + 1, query: params[:query]),
-  <% if @pagy.next %>
-    <%= link_to "もっと見る",
-        pagy_url_for(@pagy, @pagy.next),
         class: "inline-flex items-center px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white font-medium rounded-lg transition-colors duration-200",
-        data: { turbo_method: :get } %>
+        data: { turbo_frame: "memos" } %>
   <% end %>
 </div>
+</div>

app/views/memos/index.turbo_stream.erb

@@ -1,11 +1,11 @@
-<%= turbo_stream.append "memos" do %>
+<%= turbo_stream.append "memos-container" do %>
   <%= render @memos %>
 <% end %>
-<%= turbo_stream.update "load-more" do %>
+<div id="load-more" class="text-center mt-8">
-  <% if @pagy.next %>
+  <% if @has_next %>
-    <%= link_to "もっと見る",
+    <%= link_to "気力十分😤",
-        pagy_url_for(@pagy, @pagy.next),
+        memos_path(page: (params[:page] || 0).to_i + 1, query: params[:query]),
         class: "inline-flex items-center px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white font-medium rounded-lg transition-colors duration-200",
-        data: { turbo_method: :get } %>
+        data: { turbo_frame: "memos" } %>
   <% end %>
-<% end %>
+</div>

config/initializers/pagy.rb

@@ -1 +0,0 @@
-require 'pagy/extras/countless'