mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-10 22:14:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

update experimental settings

Browse Source
This commit is contained in:
David Ralph
2020-09-19 15:55:42 +01:00
parent f50c32778c
commit 8aeb645046
3 changed files with 13 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modals/Settings.jsx
View File

@@ -124,6 +124,7 @@ export default class Settings extends React.PureComponent {
<Section title={this.props.language.searchbar.title} name='searchBar'>
<SearchSettings language={this.props.language} resetItem={(item) => this.resetItem(item)}/>
</Section>
<ExperimentalSettings language={this.props.language} />
<div className='section'>
<h4>{this.props.language.offline}</h4>
<Slider name='offlineMode'/>
@@ -132,7 +133,6 @@ export default class Settings extends React.PureComponent {
<h4>{this.props.language.experimental.dark}</h4>
<Slider name='darkTheme'/>
</div>
<ExperimentalSettings language={this.props.language} />
<LanguageSettings language={this.props.language} />
<button className='apply' onClick={() => SettingsFunctions.saveStuff()}>{this.props.language.apply}</button>

6
src/components/modals/settings/Slider.jsx
View File

@@ -5,7 +5,7 @@ export default class Slider extends React.PureComponent {
constructor(...args) {
super(...args);
this.state = {
checked: true
checked: (localStorage.getItem(this.props.name) === 'true')
};
}
@@ -14,10 +14,6 @@ export default class Slider extends React.PureComponent {
this.setState({ checked: (this.state.checked === true) ? false : true });
}
componentDidMount() {
this.setState({ checked: (localStorage.getItem(this.props.name) === 'true') });
}
render() {
let setText = (this.props.override) ? this.props.name : this.props.override;
return (

37
src/components/modals/settings/sections/ExperimentalSettings.jsx
View File

@@ -1,5 +1,5 @@
import React from 'react';
import Slider from '../Slider';
import Checkbox from '../Checkbox';
import ExpandMore from '@material-ui/icons/ExpandMore';
import SettingsFunctions from '../../../../modules/settingsFunctions';
@@ -7,31 +7,16 @@ export default class ExperimentalSettings extends React.PureComponent {
render() {
return (
<div className='section'>
<h4>{this.props.language.experimental.title}</h4>
<ExpandMore style={{ 'transition': 'all 0.5s ease 0s' }} className='expandIcons' onClick={() => SettingsFunctions.toggleExtra(document.getElementsByClassName('extraSettings')[5], document.getElementsByClassName('expandIcons')[5])} />
<li className='extraSettings'>
<div className='section'>
<h4>{this.props.language.experimental.webp}</h4>
<Slider name='webp' />
</div>
<div className='section'>
<h4>{this.props.language.experimental.animations}</h4>
<Slider name='animations' />
</div>
<div className='section'>
<h4>View</h4>
<Slider name='view' />
</div>
<div className='section'>
<h4>Favourite</h4>
<Slider name='favouriteEnabled' />
</div>
<div className='section'>
<h4>Refresh</h4>
<Slider name='refresh' />
</div>
</li>
</div>
<h4>{this.props.language.experimental.title}</h4>
<ExpandMore style={{ 'transition': 'all 0.5s ease 0s' }} className='expandIcons' onClick={() => SettingsFunctions.toggleExtra(document.getElementsByClassName('extraSettings')[5], document.getElementsByClassName('expandIcons')[5])} />
<li className='extraSettings'>
<Checkbox name='webp' text={this.props.language.experimental.webp} />
<Checkbox name='animations' text={this.props.language.experimental.animations} />
<Checkbox name='view' text='View' />
<Checkbox name='favouriteEnabled' text='Favourite' />
<Checkbox name='refresh' text='Refresh' />
</li>
</div>
);
}
}