Use kebab case for Fluent IDs

mozilla · Jan 6, 2025 · 82745d3 · 82745d3
1 parent b3d182b
commit 82745d3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/translate/public/locale/en-US/translate.ftl b/translate/public/locale/en-US/translate.ftl
@@ -682,15 +682,15 @@ search-FiltersPanel--apply-filters =
 
 ## Search Options Panel
 
-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--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-searchOptions = APPLY SEARCH OPTIONS
+search-SearchPanel--apply-search-options = APPLY SEARCH OPTIONS
     .title = Apply Selected Search Options
 
 ## Time Range Filter

diff --git a/translate/src/modules/search/components/SearchPanel.tsx b/translate/src/modules/search/components/SearchPanel.tsx
@@ -39,7 +39,9 @@ const SearchOption = ({
       }}
     >
       <i className='fa'></i>
-      <Localized id={`search-SearchPanel--option-name-${slug}`}>
+      <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}