fix: improve dropdown styles, add reset modal language support

This commit is contained in:
David Ralph
2021-04-02 22:27:44 +01:00
parent d0934d8e6d
commit 5c8c6b8d07
8 changed files with 34 additions and 89 deletions

View File

@@ -3,14 +3,16 @@ import React from 'react';
import SettingsFunctions from '../../../../modules/helpers/settings';
export default function ResetModal(props) {
const language = window.language.modals.main.settings.sections.advanced.reset_modal;
return (
<>
<h3 style={{'textAlign': 'center'}}>WARNING</h3>
<h4>Do you want to reset Mue?</h4>
<p>This will delete all data. If you want to keep your data and preferences, please export first.</p>
<h3 style={{'textAlign': 'center'}}>{language.title}</h3>
<h4>{language.question}</h4>
<p>{language.information}</p>
<div className='resetfooter'>
<button className='reset' onClick={() => SettingsFunctions.setDefaultSettings('reset')}>Reset</button>
<button className='import' onClick={props.modalClose}>Cancel</button>
<button className='reset' onClick={() => SettingsFunctions.setDefaultSettings('reset')}>{window.language.modals.main.settings.buttons.reset}</button>
<button className='import' onClick={props.modalClose}>{language.cancel}</button>
</div>
</>
);