feat(Language): add locale formatting option and update translations

2026-07-18 22:44:08 +02:00 · 2026-01-24 21:54:14 +00:00
parent 6f1b81d503
commit 012d7bf5a8
39 changed files with 125 additions and 37 deletions
--- a/src/features/misc/sections/Language.jsx
+++ b/src/features/misc/sections/Language.jsx
@@ -4,7 +4,7 @@ import { useT, useTranslation } from 'contexts/TranslationContext';
 import { MdOutlineOpenInNew, MdSearch, MdComputer } from 'react-icons/md';
 import { TextField, InputAdornment } from '@mui/material';

-import { Radio } from 'components/Form/Settings';
+import { Radio, Checkbox } from 'components/Form/Settings';

 import languages from '@/i18n/languages.json';

@@ -100,6 +100,13 @@ const LanguageOptions = () => {
          </a>
        </div>
      </div>
+      <div style={{ marginBottom: '16px' }}>
+        <Checkbox
+          name="localeFormatting"
+          text={t('modals.main.settings.sections.language.locale_formatting')}
+          category="other"
+        />
+      </div>
      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 16 }}>
        <TextField
          placeholder={t('modals.main.settings.sections.language.search')}
--- a/src/features/stats/options/StatsOptions.jsx
+++ b/src/features/stats/options/StatsOptions.jsx
@@ -16,6 +16,7 @@ import { Header, CustomActions } from 'components/Layout/Settings';
 import { ClearModal } from './ClearModal';

 import { saveFile } from 'utils/saveFile';
+import { formatNumber } from 'utils/formatNumber';
 import variables from 'config/variables';
 import {
  getLocalisedAchievementData,
@@ -82,7 +83,7 @@ const Stats = () => {
  const StatsElement = ({ title, value }) => (
    <div>
      <span className="subtitle">{title}</span>
-      <span>{value}</span>
+      <span>{formatNumber(value)}</span>
    </div>
  );

--- a/src/features/time/Clock.jsx
+++ b/src/features/time/Clock.jsx
@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef } from 'react';

 import { convertTimezone } from 'utils/date';
+import { formatPercentage } from 'utils/formatNumber';
 import { AnalogClock } from './components/AnalogClock';
 import { VerticalClock } from './components/VerticalClock';
 import EventBus from 'utils/eventbus';
@@ -33,7 +34,7 @@ const Clock = () => {

      switch (localStorage.getItem('timeType')) {
        case 'percentageComplete':
-          setTime((now.getHours() / 24).toFixed(2).replace('0.', '') + '%');
+          setTime(formatPercentage(now.getHours() / 24));
          setAmpm('');
          break;
        case 'analogue':
--- a/src/i18n/locales/ar.json
+++ b/src/i18n/locales/ar.json
@@ -479,7 +479,8 @@
            "quote": "لغة الاقتباس",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "سجل التغييرات",
--- a/src/i18n/locales/arz.json
+++ b/src/i18n/locales/arz.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/az.json
+++ b/src/i18n/locales/az.json
@@ -479,7 +479,8 @@
            "quote": "Sitat dili",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Dəyişikliklər Siyahısı",
--- a/src/i18n/locales/azb.json
+++ b/src/i18n/locales/azb.json
@@ -479,7 +479,8 @@
            "quote": "Sitat dili",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Dəyişikliklər Siyahısı",
--- a/src/i18n/locales/bn.json
+++ b/src/i18n/locales/bn.json
@@ -479,7 +479,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/de_DE.json
+++ b/src/i18n/locales/de_DE.json
@@ -479,7 +479,8 @@
            "quote": "Zitat-Sprache",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Änderungen",
--- a/src/i18n/locales/el.json
+++ b/src/i18n/locales/el.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/en_GB.json
+++ b/src/i18n/locales/en_GB.json
@@ -479,7 +479,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/en_US.json
+++ b/src/i18n/locales/en_US.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/es.json
+++ b/src/i18n/locales/es.json
@@ -479,7 +479,8 @@
            "quote": "Idioma de las citas",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Registro de cambios",
--- a/src/i18n/locales/es_419.json
+++ b/src/i18n/locales/es_419.json
@@ -479,7 +479,8 @@
            "quote": "Idioma de las citaciones",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Registro de cambios",
--- a/src/i18n/locales/et.json
+++ b/src/i18n/locales/et.json
@@ -479,7 +479,8 @@
            "quote": "Tsitaadi keel",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Muudatuste logi",
--- a/src/i18n/locales/fa.json
+++ b/src/i18n/locales/fa.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/fr.json
+++ b/src/i18n/locales/fr.json
@@ -479,7 +479,8 @@
            "quote": "Langue des citations",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Journal des modifications",
--- a/src/i18n/locales/hu.json
+++ b/src/i18n/locales/hu.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/id_ID.json
+++ b/src/i18n/locales/id_ID.json
@@ -479,7 +479,8 @@
            "quote": "Bahasa untuk kutipan",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Changelog",
--- a/src/i18n/locales/ja.json
+++ b/src/i18n/locales/ja.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/lt.json
+++ b/src/i18n/locales/lt.json
@@ -479,7 +479,8 @@
            "quote": "Citatų kalba",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Pakeitimų žurnalas",
--- a/src/i18n/locales/lv.json
+++ b/src/i18n/locales/lv.json
@@ -479,7 +479,8 @@
            "quote": "Citātu valoda",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Izmaiņu žurnāls",
--- a/src/i18n/locales/nl.json
+++ b/src/i18n/locales/nl.json
@@ -479,7 +479,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/no.json
+++ b/src/i18n/locales/no.json
@@ -479,7 +479,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/peo.json
+++ b/src/i18n/locales/peo.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/pt.json
+++ b/src/i18n/locales/pt.json
@@ -479,7 +479,8 @@
            "quote": "Idioma das citações",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Registo de alterações",
--- a/src/i18n/locales/pt_BR.json
+++ b/src/i18n/locales/pt_BR.json
@@ -479,7 +479,8 @@
            "quote": "Idioma das citações",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Registo de alterações",
--- a/src/i18n/locales/ru.json
+++ b/src/i18n/locales/ru.json
@@ -479,7 +479,8 @@
            "quote": "Язык цитат",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Журнал изменений",
--- a/src/i18n/locales/sl.json
+++ b/src/i18n/locales/sl.json
@@ -479,7 +479,8 @@
            "quote": "Jezik citata",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Dnevnik sprememb",
--- a/src/i18n/locales/sv.json
+++ b/src/i18n/locales/sv.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/ta.json
+++ b/src/i18n/locales/ta.json
@@ -479,7 +479,8 @@
            "quote": "மேற்கோள் மொழி",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "பதிவை மாற்றவும்",
--- a/src/i18n/locales/tr_TR.json
+++ b/src/i18n/locales/tr_TR.json
@@ -479,7 +479,8 @@
            "quote": "Alıntı dili",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Değişiklik Günlüğü",
--- a/src/i18n/locales/uk.json
+++ b/src/i18n/locales/uk.json
@@ -479,7 +479,8 @@
            "quote": "Мова цитат",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Журнал змін",
--- a/src/i18n/locales/vi.json
+++ b/src/i18n/locales/vi.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/i18n/locales/zh_CN.json
+++ b/src/i18n/locales/zh_CN.json
@@ -479,7 +479,8 @@
            "quote": "名言语言",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "更新日志",
--- a/src/i18n/locales/zh_Hant.json
+++ b/src/i18n/locales/zh_Hant.json
@@ -487,7 +487,8 @@
            "quote": "Quote language",
            "search": "Search languages...",
            "current": "Current",
-            "use_system": "Use system language"
+            "use_system": "Use system language",
+            "locale_formatting": "Format numbers for your language"
          },
          "changelog": {
            "title": "Change Log",
--- a/src/lib/translations.js
+++ b/src/lib/translations.js
@@ -41,7 +41,7 @@ import zh_Hant from 'translations/zh_Hant.json';
 * @returns The i18n object.
 */
 export function initTranslations(locale) {
-  const i18n = new I18n(locale, {
+  const i18n = new I18n('en_GB', {
    ar,
    arz,
    az,
--- a/src/utils/data/default_settings.json
+++ b/src/utils/data/default_settings.json
@@ -235,6 +235,10 @@
    "name": "statsData",
    "value": "{}"
  },
+  {
+    "name": "localeFormatting",
+    "value": false
+  },
  {
    "name": "offlineMode",
    "value": false
--- a/src/utils/formatNumber.js
+++ b/src/utils/formatNumber.js
@@ -0,0 +1,42 @@
+/**
+ * Convert language code from Mue format (en_US) to locale format (en-US)
+ */
+export function getLocaleCode() {
+  return localStorage.getItem('language')?.replace(/_/g, '-') || 'en-GB';
+}
+
+/**
+ * Format number with locale awareness (if enabled)
+ * @param {number} value - The number to format
+ * @param {Intl.NumberFormatOptions} options - Optional Intl.NumberFormat options
+ * @returns {string} Formatted number string
+ */
+export function formatNumber(value, options = {}) {
+  if (localStorage.getItem('localeFormatting') !== 'true') {
+    return String(value);
+  }
+  try {
+    return new Intl.NumberFormat(getLocaleCode(), options).format(value);
+  } catch {
+    return String(value);
+  }
+}
+
+/**
+ * Format percentage with locale awareness (if enabled)
+ * @param {number} value - The decimal value (e.g., 0.45 for 45%)
+ * @returns {string} Formatted percentage string
+ */
+export function formatPercentage(value) {
+  if (localStorage.getItem('localeFormatting') !== 'true') {
+    return Math.round(value * 100) + '%';
+  }
+  try {
+    return new Intl.NumberFormat(getLocaleCode(), {
+      style: 'percent',
+      maximumFractionDigits: 0,
+    }).format(value);
+  } catch {
+    return Math.round(value * 100) + '%';
+  }
+}