Make actions_font_family_no_default and content_font_family_no_defaul…

…t more translation-friendly (#3880) * Make actions_font_family_no_default and content_font_family_no_default more translation-friendly * Use new i18n keys
Heroic-Games-Launcher · Nov 1, 2024 · 44c4269 · 44c4269
1 parent 6aee91e
commit 44c4269
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 18 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -1,8 +1,8 @@
 {
     "accessibility": {
-        "actions_font_family_no_default": "Actions Font Family (Default):",
+        "actions_font_family_default": "Actions Font Family (Default: {{fontFamily}})",
         "all_tiles_in_color": "Show all game tiles in color",
-        "content_font_family_no_default": "Content Font Family (Default: ",
+        "content_font_family_default": "Content Font Family (Default: {{fontFamily}})",
         "disable_dialog_backdrop_close": "Disable closing dialogs by clicking outside",
         "fonts": "Fonts",
         "title": "Accessibility",

diff --git a/src/frontend/screens/Accessibility/index.tsx b/src/frontend/screens/Accessibility/index.tsx
@@ -163,14 +163,11 @@ export default React.memo(function Accessibility() {
           htmlId="content-font-family"
           value={contentFont}
           onChange={handleContentFontFamily}
-          label={
-            t(
-              'accessibility.content_font_family_no_default',
-              'Content Font Family (Default: '
-            ) +
-            defaultSecondaryFont.split(',')[0].trim() +
-            ')'
-          }
+          label={t(
+            'accessibility.content_font_family_default',
+            'Content Font Family (Default: {{fontFamily}})',
+            { fontFamily: defaultSecondaryFont.split(',')[0].trim() }
+          )}
         >
           {options}
         </SelectField>
@@ -179,14 +176,11 @@ export default React.memo(function Accessibility() {
           htmlId="actions-font-family"
           value={actionFont}
           onChange={handleActionsFontFamily}
-          label={
-            t(
-              'accessibility.actions_font_family_no_default',
-              'Actions Font Family (Default: '
-            ) +
-            defaultPrimaryFont.split(',')[0].trim() +
-            ')'
-          }
+          label={t(
+            'accessibility.actions_font_family_default',
+            'Actions Font Family (Default: {{fontFamily}})',
+            { fontFamily: defaultPrimaryFont.split(',')[0].trim() }
+          )}
         >
           {options}
         </SelectField>