diff --git a/app/components/projects/settings/life_cycles/index_component.html.erb b/app/components/projects/settings/life_cycles/index_component.html.erb index da00e1047a3e..9398009ca9cb 100644 --- a/app/components/projects/settings/life_cycles/index_component.html.erb +++ b/app/components/projects/settings/life_cycles/index_component.html.erb @@ -31,7 +31,7 @@ end end header_container.with_column(flex_layout: true, justify_content: :flex_end) do |actions_container| - actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do + actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do render(Primer::Beta::Button.new( tag: :a, href: enable_all_project_settings_life_cycle_path(project_id: project), @@ -45,7 +45,7 @@ t('projects.settings.actions.label_enable_all') end end - actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do + actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do render(Primer::Beta::Button.new( tag: :a, href: disable_all_project_settings_life_cycle_path(project_id: project), diff --git a/app/components/projects/settings/project_custom_field_sections/show_component.html.erb b/app/components/projects/settings/project_custom_field_sections/show_component.html.erb index f2c5ee4e3a7f..d2164ada4f9f 100644 --- a/app/components/projects/settings/project_custom_field_sections/show_component.html.erb +++ b/app/components/projects/settings/project_custom_field_sections/show_component.html.erb @@ -13,7 +13,7 @@ end end section_header_container.with_column(flex_layout: true, justify_content: :flex_end) do |actions_container| - actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do + actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do render(Primer::Beta::Button.new( tag: :a, href: enable_all_of_section_project_settings_project_custom_fields_path( @@ -32,7 +32,7 @@ t('projects.settings.actions.label_enable_all') end end - actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'bulkActionContainer' }) do + actions_container.with_column(data: { 'projects--settings--border-box-filter-target': 'hideWhenFiltering' }) do render(Primer::Beta::Button.new( tag: :a, href: disable_all_of_section_project_settings_project_custom_fields_path( diff --git a/frontend/src/stimulus/controllers/dynamic/projects/settings/border-box-filter.controller.ts b/frontend/src/stimulus/controllers/dynamic/projects/settings/border-box-filter.controller.ts index 6a6381432926..364d151e1b1a 100644 --- a/frontend/src/stimulus/controllers/dynamic/projects/settings/border-box-filter.controller.ts +++ b/frontend/src/stimulus/controllers/dynamic/projects/settings/border-box-filter.controller.ts @@ -32,10 +32,10 @@ import FilterListController from '../../filter/filter-list.controller'; export default class extends FilterListController { static targets = [ - 'bulkActionContainer', + 'hideWhenFiltering', ]; - declare readonly bulkActionContainerTargets:HTMLInputElement[]; + declare readonly hideWhenFilteringTargets:HTMLInputElement[]; filterLists() { const query = this.filterTarget.value.toLowerCase(); @@ -56,13 +56,13 @@ export default class extends FilterListController { } hideBulkActionContainers() { - this.bulkActionContainerTargets.forEach((item) => { + this.hideWhenFilteringTargets.forEach((item) => { this.setVisibility(item, false); }); } showBulkActionContainers() { - this.bulkActionContainerTargets.forEach((item) => { + this.hideWhenFilteringTargets.forEach((item) => { this.setVisibility(item, true); }); }