mirror of https://github.com/mue/mue.git
89 lines
2.2 KiB
JavaScript
89 lines
2.2 KiB
JavaScript
import variables from 'modules/variables';
|
|
import { PureComponent } from 'react';
|
|
|
|
import Radio from '../Radio';
|
|
|
|
import languages from 'modules/languages.json';
|
|
|
|
export default class LanguageSettings extends PureComponent {
|
|
constructor() {
|
|
super();
|
|
this.state = {
|
|
quoteLanguages: [
|
|
{
|
|
name: variables.getMessage('modals.main.loading'),
|
|
value: 'loading',
|
|
},
|
|
],
|
|
};
|
|
this.controller = new AbortController();
|
|
}
|
|
|
|
async getquoteLanguages() {
|
|
const data = await (
|
|
await fetch(variables.constants.API_URL + '/quotes/languages', {
|
|
signal: this.controller.signal,
|
|
})
|
|
).json();
|
|
|
|
if (this.controller.signal.aborted === true) {
|
|
return;
|
|
}
|
|
|
|
const quoteLanguages = data.map((language) => {
|
|
return {
|
|
name: languages.find((l) => l.value === language.name) ? languages.find((l) => l.value === language.name).name : 'English',
|
|
value: language,
|
|
};
|
|
});
|
|
|
|
this.setState({
|
|
quoteLanguages,
|
|
});
|
|
}
|
|
|
|
componentDidMount() {
|
|
if (navigator.onLine === false || localStorage.getItem('offlineMode') === 'true') {
|
|
return this.setState({
|
|
quoteLanguages: [
|
|
{
|
|
name: variables.getMessage('modals.main.marketplace.offline.description'),
|
|
value: 'loading',
|
|
},
|
|
],
|
|
});
|
|
}
|
|
|
|
this.getquoteLanguages();
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
// stop making requests
|
|
this.controller.abort();
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<>
|
|
<span className="mainTitle">
|
|
{variables.getMessage('modals.main.settings.sections.language.title')}
|
|
</span>
|
|
<div className="languageSettings">
|
|
<Radio name="language" options={languages} element=".other" />
|
|
</div>
|
|
<span className="mainTitle">
|
|
{variables.getMessage('modals.main.settings.sections.language.quote')}
|
|
</span>
|
|
<div className="languageSettings">
|
|
<Radio
|
|
name="quoteLanguage"
|
|
options={this.state.quoteLanguages.map((language) => { return { name: language.name, value: language.value.name }; })}
|
|
defaultValue={this.state.quoteLanguages[0].name}
|
|
category="quote"
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
}
|