From 18adcb7fa494071ed1621cc131fa1088e303dbb0 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Mon, 28 Mar 2022 11:15:51 +0200
Subject: [PATCH] Handle i18n for SuperSelector component

---
 app/components/super_selector_component.rb                    | 4 +++-
 .../super_selector_component.html.haml                        | 4 ++--
 config/locales/en.yml                                         | 3 +++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/components/super_selector_component.rb b/app/components/super_selector_component.rb
index bd78d4c550..33f55440ae 100644
--- a/app/components/super_selector_component.rb
+++ b/app/components/super_selector_component.rb
@@ -1,10 +1,12 @@
 # frozen_string_literal: true
 
 class SuperSelectorComponent < SelectorComponent
-  def initialize(title:, selected:, items:, data: {})
+  def initialize(title:, selected:, items:, data: {},
+                 selected_items_i18n_key: 'components.super_selector.selected_items')
     super(title: title, selected: selected, items: items, data: data)
     @query = ""
     @selected_items = items.select { |item| @selected.include?(item[:value]) }
+    @selected_items_i18n_key = selected_items_i18n_key
 
     filter_items
   end
diff --git a/app/components/super_selector_component/super_selector_component.html.haml b/app/components/super_selector_component/super_selector_component.html.haml
index 4563fbad05..7988793bca 100644
--- a/app/components/super_selector_component/super_selector_component.html.haml
+++ b/app/components/super_selector_component/super_selector_component.html.haml
@@ -11,11 +11,11 @@
               = item[:label]
         - else
           .super-selector-selected-item
-            = "#{@selected_items.length} categories selected"
+            = t(@selected_items_i18n_key, count: @selected_items.length)
       .selector-arrow{data: reflex_data_attributes(:toggle)}
     .selector-wrapper
       .super-selector-search
-        %input{type: "text", placeholder: "Search", data: reflex_data_attributes("debounced:input->search"), value: @query}
+        %input{type: "text", placeholder: t("components.super_selector.search_placeholder"), data: reflex_data_attributes("debounced:input->search"), value: @query}
       .selector-items
         - @filtered_items.each do |item|
           .selector-item{ class: ("selected" if item[:selected]), data: @data, "data-value": item[:value] }
diff --git a/config/locales/en.yml b/config/locales/en.yml
index afe1c14765..de0dfb39d7 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -458,6 +458,9 @@ en:
   components:
     search_input:
       placeholder: Search
+    super_selector:
+      selected_items: "%{count} selected"
+      search_placeholder: Search
 # Admin
 #
   admin: