2021-09-10 15:38:53 +00:00
|
|
|
import variables from 'modules/variables';
|
2021-08-14 19:10:48 +00:00
|
|
|
import { PureComponent } from 'react';
|
2021-03-18 16:46:50 +00:00
|
|
|
|
2021-03-20 15:52:27 +00:00
|
|
|
import Radio from '../Radio';
|
2020-09-17 11:42:02 +00:00
|
|
|
|
2022-04-13 14:25:50 +00:00
|
|
|
import languages from 'modules/languages.json';
|
2021-04-17 10:17:46 +00:00
|
|
|
|
2021-09-28 22:04:04 +00:00
|
|
|
export default class LanguageSettings extends PureComponent {
|
|
|
|
getMessage = (text) => variables.language.getMessage(variables.languagecode, text);
|
2021-09-10 15:38:53 +00:00
|
|
|
|
2021-04-17 10:17:46 +00:00
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
this.state = {
|
2022-04-08 13:48:36 +00:00
|
|
|
quoteLanguages: [
|
|
|
|
{
|
|
|
|
name: this.getMessage('modals.main.loading'),
|
|
|
|
value: 'loading',
|
|
|
|
},
|
|
|
|
],
|
2021-04-17 10:17:46 +00:00
|
|
|
};
|
2021-04-18 19:51:33 +00:00
|
|
|
this.controller = new AbortController();
|
2021-04-17 10:17:46 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
async getQuoteLanguages() {
|
2022-04-08 13:48:36 +00:00
|
|
|
const data = await (
|
|
|
|
await fetch(variables.constants.API_URL + '/quotes/languages', {
|
|
|
|
signal: this.controller.signal,
|
|
|
|
})
|
|
|
|
).json();
|
2021-04-18 19:51:33 +00:00
|
|
|
|
|
|
|
if (this.controller.signal.aborted === true) {
|
|
|
|
return;
|
|
|
|
}
|
2021-04-17 10:17:46 +00:00
|
|
|
|
2021-11-14 16:01:45 +00:00
|
|
|
const quoteLanguages = [];
|
2021-06-13 12:47:18 +00:00
|
|
|
data.forEach((item) => {
|
2021-11-14 16:01:45 +00:00
|
|
|
quoteLanguages.push({
|
2021-04-17 10:17:46 +00:00
|
|
|
name: item,
|
2022-04-08 13:48:36 +00:00
|
|
|
value: item,
|
2021-04-17 10:17:46 +00:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
this.setState({
|
2022-04-08 13:48:36 +00:00
|
|
|
quoteLanguages,
|
2021-04-17 10:17:46 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
componentDidMount() {
|
2021-04-28 13:25:24 +00:00
|
|
|
if (navigator.onLine === false || localStorage.getItem('offlineMode') === 'true') {
|
|
|
|
return this.setState({
|
2022-04-08 13:48:36 +00:00
|
|
|
quoteLanguages: [
|
|
|
|
{
|
|
|
|
name: this.getMessage('modals.main.marketplace.offline.description'),
|
|
|
|
value: 'loading',
|
|
|
|
},
|
|
|
|
],
|
2021-04-28 13:25:24 +00:00
|
|
|
});
|
|
|
|
}
|
2021-06-13 12:47:18 +00:00
|
|
|
|
2021-04-17 10:17:46 +00:00
|
|
|
this.getQuoteLanguages();
|
|
|
|
}
|
|
|
|
|
2021-04-18 19:51:33 +00:00
|
|
|
componentWillUnmount() {
|
|
|
|
// stop making requests
|
|
|
|
this.controller.abort();
|
|
|
|
}
|
|
|
|
|
2021-04-17 10:17:46 +00:00
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<>
|
2022-04-08 13:48:36 +00:00
|
|
|
<span className="mainTitle">
|
|
|
|
{this.getMessage('modals.main.settings.sections.language.title')}
|
|
|
|
</span>
|
|
|
|
<div className={'languageSettings'}>
|
|
|
|
<Radio name="language" options={languages} element=".other" />
|
|
|
|
</div>
|
|
|
|
<span className={'mainTitle'}>
|
|
|
|
{this.getMessage('modals.main.settings.sections.language.quote')}
|
|
|
|
</span>
|
|
|
|
<div className={'languageSettings'}>
|
|
|
|
<Radio name="quotelanguage" options={this.state.quoteLanguages} category="quote" />
|
|
|
|
</div>
|
2021-04-17 10:17:46 +00:00
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|
2021-03-17 13:01:53 +00:00
|
|
|
}
|