From 6bab0c93c3b6fed4ee45f9e7a5084321e4d5427c Mon Sep 17 00:00:00 2001
From: Francesco Lodolo <flodolo@mozilla.com>
Date: Mon, 6 Jan 2025 14:59:13 +0100
Subject: [PATCH] Fix advanced search options (missing Fluent strings, CSS)
 (#3508)

---
 translate/public/locale/en-US/translate.ftl    | 18 +++++++++++-------
 .../modules/search/components/SearchPanel.css  |  4 +---
 .../modules/search/components/SearchPanel.tsx  |  8 +++++---
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/translate/public/locale/en-US/translate.ftl b/translate/public/locale/en-US/translate.ftl
index 0d37e9ff7e..2e6aeecbb2 100644
--- a/translate/public/locale/en-US/translate.ftl
+++ b/translate/public/locale/en-US/translate.ftl
@@ -154,7 +154,7 @@ editor-FtlSwitch--active =
 editor-FailedChecks--close = ×
     .aria-label = Close failed checks popup
 editor-FailedChecks--title = THE FOLLOWING CHECKS HAVE FAILED
-editor-FailedChecks--save-anyway = SAVE ANYWAY 
+editor-FailedChecks--save-anyway = SAVE ANYWAY
 editor-FailedChecks--suggest-anyway = SUGGEST ANYWAY
 editor-FailedChecks--approve-anyway = APPROVE ANYWAY
 
@@ -468,7 +468,7 @@ interactivetour-InteractiveTour--comments-content =
     In the Comments tab you can discuss how to translate content with
     your fellow team members. It’s also the place where you can request
     more context about or report an issue in the source string.
-    
+
 interactivetour-InteractiveTour--machinery-title = Machinery
 interactivetour-InteractiveTour--machinery-content =
     The Machinery tab shows automated translation suggestions from
@@ -682,11 +682,15 @@ search-FiltersPanel--apply-filters =
 
 ## Search Options Panel
 
-search-SearchPanel--option-name-identifiers = Search in string identifiers
+search-SearchPanel--option-name-search-match-case = Match case
+search-SearchPanel--option-name-search-match-whole-word = Match whole word
+search-SearchPanel--option-name-search-identifiers = Search in string identifiers
+search-SearchPanel--option-name-search-rejected-translations = Include rejected translations
+search-SearchPanel--option-name-search-exclude-source-strings = Exclude source strings
 
 search-SearchPanel--heading = SEARCH OPTIONS
 
-search-SearchPanel--apply-options = APPLY SEARCH OPTIONS
+search-SearchPanel--apply-search-options = APPLY SEARCH OPTIONS
     .title = Apply Selected Search Options
 
 ## Time Range Filter
@@ -700,7 +704,7 @@ search-TimeRangeFilter--save-range = SAVE RANGE
 ## Term
 ## Shows term entry with its metadata
 
-term-Term--copy = 
+term-Term--copy =
     .title = Copy Into Translation
 
 term-Term--for-example = E.G.
@@ -709,9 +713,9 @@ term-Term--for-example = E.G.
 ## User Avatar
 ## Shows user Avatar with alt text
 
-user-UserAvatar--anon-alt-text = 
+user-UserAvatar--anon-alt-text =
     .alt = Anonymous User
-user-UserAvatar--alt-text = 
+user-UserAvatar--alt-text =
     .alt = User Profile
 
 ## User Menu
diff --git a/translate/src/modules/search/components/SearchPanel.css b/translate/src/modules/search/components/SearchPanel.css
index 7a3b28a9a5..56caab091d 100644
--- a/translate/src/modules/search/components/SearchPanel.css
+++ b/translate/src/modules/search/components/SearchPanel.css
@@ -95,10 +95,8 @@
     margin-bottom: 5px;
     margin-top: 8px;
 
-    &:hover,
-    .applied-count {
+    &:hover {
       color: var(--status-translated);
-      margin-top: 35px;
     }
   }
 }
diff --git a/translate/src/modules/search/components/SearchPanel.tsx b/translate/src/modules/search/components/SearchPanel.tsx
index a837c49405..d27e44c43d 100644
--- a/translate/src/modules/search/components/SearchPanel.tsx
+++ b/translate/src/modules/search/components/SearchPanel.tsx
@@ -38,8 +38,10 @@ const SearchOption = ({
         onToggle();
       }}
     >
-      <i className='fa fa-w'></i>
-      <Localized id={`search-SearchPanel--option-name-${slug}`}>
+      <i className='fa'></i>
+      <Localized
+        id={`search-SearchPanel--option-name-${slug.replace(/_/g, '-')}`}
+      >
         <span className='label'>{name}</span>
       </Localized>
     </li>
@@ -71,7 +73,7 @@ export function SearchPanelDialog({
         ))}
       </ul>
 
-      <Localized id='search-SearchPanel--apply-searchOptions'>
+      <Localized id='search-SearchPanel--apply-search-options'>
         <button
           title='Apply Selected Search Options'
           onClick={onApplyOptions}