2022-04-08 13:48:36 +00:00
|
|
|
import variables from 'modules/variables';
|
|
|
|
import { PureComponent } from 'react';
|
|
|
|
import Header from '../Header';
|
|
|
|
|
|
|
|
export default class ReminderSettings extends PureComponent {
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
this.state = {
|
2022-04-11 21:57:07 +00:00
|
|
|
colour: localStorage.getItem('reminderColour') || '#ffa500',
|
2022-04-08 13:48:36 +00:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
updateColour(event) {
|
|
|
|
const colour = event.target.value;
|
|
|
|
this.setState({ colour });
|
|
|
|
localStorage.setItem('reminderColour', colour);
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const getMessage = (text) => variables.language.getMessage(variables.languagecode, text);
|
|
|
|
return (
|
|
|
|
<>
|
2022-04-11 21:57:07 +00:00
|
|
|
<Header
|
|
|
|
title="Reminder"
|
|
|
|
setting="reminder"
|
|
|
|
category="reminder"
|
|
|
|
element=".reminder"
|
|
|
|
zoomSetting="zoomReminder"
|
|
|
|
switch={true}
|
|
|
|
/>
|
|
|
|
<input
|
|
|
|
type="color"
|
|
|
|
name="colour"
|
|
|
|
className="colour"
|
|
|
|
onChange={(event) => this.updateColour(event)}
|
|
|
|
value={this.state.colour}
|
|
|
|
></input>
|
|
|
|
<label htmlFor={'colour'} className="customBackgroundHex">
|
|
|
|
{this.state.colour}
|
|
|
|
</label>
|
2022-04-08 13:48:36 +00:00
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|