mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-17 05:54:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Changes to translations

Browse Source
This commit is contained in:
alexsparkes
2024-06-18 18:30:52 +01:00
parent d46b1b1749
commit 4078809c13
11 changed files with 56 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/features/misc/sections/Language.jsx
View File

@@ -3,8 +3,19 @@ import { useState, useEffect } from 'react';
import { MdOutlineOpenInNew } from 'react-icons/md';
import { Radio } from 'components/Form/Settings';
import { languages } from 'lib/i18n';
import languages from '@/i18n/languages.json';
const options = languages.map(id => {
const native = new Intl.DisplayNames([id], { type: 'language' });
// const current = new Intl.DisplayNames([variables.locale_id], { type: 'language' });
const current = new Intl.DisplayNames([localStorage.getItem('language')], { type: 'language' });
return {
name: native.of(id),
subname: current.of(id),
value: id,
};
})
console.log(options)
function LanguageOptions() {
const [quoteLanguages, setQuoteLanguages] = useState([
@@ -20,9 +31,7 @@ function LanguageOptions() {
const quoteLanguages = data.map((language) => {
return {
name: languages.find((l) => l.value === language.name)
? languages.find((l) => l.value === language.name).name
: 'English',
name: new Intl.DisplayNames([variables.locale_id], { type: 'language' }).of(language),
value: language,
};
});
@@ -52,7 +61,7 @@ function LanguageOptions() {
</div>
</div>
<div className="languageSettings">
<Radio name="language" options={languages} element=".other" />
<Radio name="language" options={options} element=".other" />
</div>
<span className="mainTitle">
{variables.getMessage('settings:sections.language.quote')}