Wrap claims filter form into a reusable component

DFE-Digital · Dec 10, 2024 · de7895e · de7895e
1 parent 1192b71
commit de7895e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/app/components/claims/claim/filter_form_component.html.erb b/app/components/claims/claim/filter_form_component.html.erb
@@ -153,7 +153,7 @@
                   </div>
                 <% end %>
 
-                <%= content_tag(:div, class: "app-filter__option", data: { controller: @statuses.length > 5 ? "filter-search" : nil }) do %>
+                <div class="app-filter__option" data-controller="filter-search">
                   <%= form.govuk_check_boxes_fieldset(
                     :statuses,
                     legend: {

diff --git a/app/components/claims/claim/filter_form_component.rb b/app/components/claims/claim/filter_form_component.rb
@@ -1,19 +1,20 @@
 class Claims::Claim::FilterFormComponent < ApplicationComponent
   def initialize(
     filter_form:,
-    academic_years: AcademicYear.where(id: Claims::ClaimWindow.select(:academic_year_id)).order_by_date,
     statuses: Claims::Claim.statuses.values.without(*Claims::Claim::DRAFT_STATUSES.map(&:to_s)),
+    academic_years: AcademicYear.where(id: Claims::ClaimWindow.select(:academic_year_id)).order_by_date,
     providers: Claims::Provider.all,
+    schools: Claims::School.all,
     classes: [],
     html_attributes: {}
   )
     super(classes:, html_attributes:)
 
     @filter_form = filter_form
-    @academic_years = academic_years
     @statuses = statuses
-    @schools = Claims::School.all
+    @academic_years = academic_years
     @providers = providers
+    @schools = schools
   end
 
   private

diff --git a/app/views/claims/support/claims/index.html.erb b/app/views/claims/support/claims/index.html.erb
@@ -10,6 +10,10 @@
 
   <%= govuk_button_link_to t(".download_csv"), download_csv_claims_support_claims_path(**request.query_parameters), class: "govuk-button" %>
 
+  <div>
+    <button class="govuk-button govuk-button--secondary show-filter-button" type="button" data-action="click->filter#open"><%= t("show_filter") %></button>
+  </div>
+
   <%= render Claims::Claim::FilterFormComponent.new(filter_form:) do %>
     <% if @claims.any? %>
       <div class="govuk-!-margin-bottom-2">