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

refactor: cleanup, use createRef etc

Browse Source
This commit is contained in:
David Ralph
2021-08-27 23:08:32 +01:00
parent fcff3e44a6
commit 4db47d9fec
13 changed files with 106 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/modals/main/settings/sections/background/Colour.jsx
View File

@@ -67,7 +67,7 @@ export default class ColourSettings extends PureComponent {
}
componentDidUpdate() {
localStorage.setItem('customBackgroundColour', document.getElementById('customBackgroundHex').value);
localStorage.setItem('customBackgroundColour', this.currentGradientSettings());
}
onGradientChange = (event, index) => {
@@ -83,11 +83,7 @@ export default class ColourSettings extends PureComponent {
return newState;
});
const reminderInfo = document.querySelector('.reminder-info');
if (reminderInfo.style.display !== 'block') {
reminderInfo.style.display = 'block';
localStorage.setItem('showReminder', true);
}
this.showReminder();
}
addColour = () => {
@@ -133,12 +129,16 @@ export default class ColourSettings extends PureComponent {
}
});
this.showReminder();
};
showReminder() {
const reminderInfo = document.querySelector('.reminder-info');
if (reminderInfo.style.display !== 'block') {
reminderInfo.style.display = 'block';
localStorage.setItem('showReminder', true);
}
};
}
render() {
const { background } = this.language.sections;
@@ -183,7 +183,6 @@ export default class ColourSettings extends PureComponent {
return (
<>
<p>{background.source.custom_colour} <span className='modalLink' onClick={() => this.resetColour()}>{this.language.buttons.reset}</span></p>
<input id='customBackgroundHex' type='hidden' value={this.currentGradientSettings()} />
{colourSettings}
</>
);