fix(translations): no longer crashes on welcome or file upload

This commit is contained in:
David Ralph
2021-09-16 12:47:53 +01:00
parent 3f3ee2dd82
commit a946d07c9c
3 changed files with 12 additions and 5 deletions

View File

@@ -1,7 +1,11 @@
import variables from 'modules/variables';
import { PureComponent } from 'react';
import { toast } from 'react-toastify';
export default class FileUpload extends PureComponent {
getMessage = (languagecode, text) => variables.language.getMessage(languagecode, text);
languagecode = variables.languagecode;
componentDidMount() {
document.getElementById(this.props.id).onchange = (e) => {
const reader = new FileReader();
@@ -12,7 +16,7 @@ export default class FileUpload extends PureComponent {
} else {
// background upload
if (file.size > 2000000) {
return toast(window.language.modals.main.file_upload_error);
return toast(this.getMessage(this.languagecode, 'modals.main.file_upload_error'));
}
reader.readAsDataURL(file);

View File

@@ -108,7 +108,6 @@ export default class WelcomeSections extends PureComponent {
}
render() {
const language = window.language.modals.welcome;
let tabContent;
const intro = (
@@ -195,7 +194,7 @@ export default class WelcomeSections extends PureComponent {
<div className='themesToggleArea'>
<div className='toggle' onClick={() => this.props.switchTab(1)}><span>{this.getMessage(this.languagecode, 'modals.main.settings.sections.language.title')}: {languages.find((i) => i.value === localStorage.getItem('language')).name}</span></div>
<div className='toggle' onClick={() => this.props.switchTab(3)}><span>{this.getMessage(this.languagecode, 'modals.main.settings.sections.appearance.theme.title')}: {this.getSetting('theme')}</span></div>
{(this.state.importedSettings.length !== 0) ? <div className='toggle' onClick={() => this.props.switchTab(2)}>{language.sections.final.imported} {this.state.importedSettings.length} {this.getMessage(this.languagecode, 'modals.welcome.sections.final.settings')}</div> : null}
{(this.state.importedSettings.length !== 0) ? <div className='toggle' onClick={() => this.props.switchTab(2)}>{this.getMessage(this.languagecode, 'modals.main.settings.sections.final.imported')} {this.state.importedSettings.length} {this.getMessage(this.languagecode, 'modals.welcome.sections.final.settings')}</div> : null}
</div>
</>
);