企業個別ページ傘下のユーザー一覧をVueからRailsに変更

app/javascript/stylesheets/shared/blocks/_pagination.sass

@@ -41,3 +41,6 @@
   .pagination__item.is-active &
     background-color: var(--main)
     color: var(--reversal-text)
+  &.is-disabled
+    opacity: .4
+    pointer-events: none

app/views/companies/users/_company_users.html.slim

@@ -1,6 +1,5 @@
 .page-body
-  nav.pagination
-    = paginate users
+  = paginate users
   .container
     .users
       - if users.empty?
@@ -13,5 +12,4 @@
       - else
         .row
           = render users
-  nav.pagination
-    = paginate users
+  = paginate users

app/views/kaminari/_first_page.html.slim

@@ -1,4 +1,7 @@
-- # rubocop:disable Rails/OutputSafety
 li.pagination__item.is-first
-  = link_to_unless current_page.first?, raw('<i class="fas fa-angle-double-left"></i>'), url, remote:, class: 'pagination__item-link is-first'
-- # rubocop:enable Rails/OutputSafety
+  - if current_page.first?
+    span.pagination__item-link.is-first.is-disabled
+      i.fas.fa-angle-double-left
+  - else
+    = link_to url, remote:, class: 'pagination__item-link is-first' do
+      i.fas.fa-angle-double-left

app/views/kaminari/_paginator.html.slim

@@ -2,7 +2,7 @@
   nav.pagination
     .container
       ul.pagination__items
-        == first_page_tag unless current_page.first?
+        == first_page_tag
         == prev_page_tag unless current_page.first?
         - each_page do |page|
           - if page.left_outer? || page.right_outer? || page.inside_window?

test/system/company/users_test.rb

@@ -20,4 +20,31 @@ class Company::UsersTest < ApplicationSystemTestCase
     click_link '現役 + 研修生'
     assert_no_text 'Kensyu Owata'
   end
+
+  test 'show pagination when over 25 users' do
+    25.times do |i|
+      user = User.create!(
+        login_name: "paginationtest#{i}",
+        email: "paginationtest#{i}@fjord.jp",
+        password: 'testtest',
+        name: "pagination#{i}",
+        name_kana: 'ページネーション テスト',
+        description: 'ページネーションテスト用に一時的なユーザーを作成しました',
+        course: courses(:course1),
+        job: 'student',
+        os: 'mac',
+        company: companies(:company1),
+        experience: 'ruby'
+      )
+
+      DiscordProfile.create!(
+        user_id: user.id,
+        times_url: 'https://discord.com/channels/715806612824260640/123456789000000014',
+        account_name: "paginationtest#{i}"
+      )
+    end
+    visit_with_auth "/companies/#{companies(:company1).id}/users?target=all", 'kimura'
+    assert companies(:company1).users.count >= 25
+    assert_selector 'nav.pagination', count: 2
+  end
 end