2024-02-18 23:05:15 +00:00
|
|
|
import variables from 'config/variables';
|
|
|
|
import { MdOutlineOpenInNew } from 'react-icons/md';
|
|
|
|
import languages from '@/i18n/languages.json';
|
|
|
|
|
|
|
|
import { Radio } from 'components/Form/Settings';
|
2024-03-18 10:08:08 +00:00
|
|
|
import { Header, Content } from '../Layout';
|
2024-02-18 23:05:15 +00:00
|
|
|
|
|
|
|
function ChooseLanguage() {
|
|
|
|
return (
|
2024-02-19 19:51:12 +00:00
|
|
|
<Content>
|
2024-02-18 23:05:15 +00:00
|
|
|
<Header
|
|
|
|
title={variables.getMessage('modals.welcome.sections.language.title')}
|
|
|
|
subtitle={variables.getMessage('modals.welcome.sections.language.description')}
|
|
|
|
/>
|
|
|
|
<a
|
|
|
|
href={variables.constants.TRANSLATIONS_URL}
|
|
|
|
className="link"
|
|
|
|
target="_blank"
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
>
|
|
|
|
GitHub
|
|
|
|
<MdOutlineOpenInNew />
|
|
|
|
</a>
|
|
|
|
<a
|
|
|
|
href={variables.constants.WEBLATE_URL}
|
|
|
|
className="link"
|
|
|
|
target="_blank"
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
>
|
|
|
|
Weblate
|
|
|
|
<MdOutlineOpenInNew />
|
|
|
|
</a>
|
|
|
|
<div className="languageSettings">
|
|
|
|
<Radio name="language" options={languages} category="welcomeLanguage" />
|
|
|
|
</div>
|
2024-02-19 19:51:12 +00:00
|
|
|
</Content>
|
2024-02-18 23:05:15 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export { ChooseLanguage as default, ChooseLanguage };
|