import React from 'react';
import Checkbox from '../Checkbox';
import Dropdown from '../Dropdown';
export default class TimeSettings extends React.PureComponent {
constructor(...args) {
super(...args);
this.state = {
timeType: localStorage.getItem('timeType') || 'digital'
};
}
changeType() {
const value = document.getElementById('timeType').value;
localStorage.setItem('timeType', value);
this.setState({
timeType: value
});
}
componentDidMount() {
document.getElementById('dateformat').value = localStorage.getItem('dateFormat');
document.getElementById('shortformat').value = localStorage.getItem('shortFormat');
document.getElementById('timeType').value = localStorage.getItem('timeType');
}
render() {
const { time } = this.props.language.sections;
let timeSettings;
const digitalSettings = (
{time.digital.title}
);
const analogSettings = (
{time.analogue.title}
);
switch (this.state.timeType) {
case 'digital': timeSettings = digitalSettings; break;
case 'analogue': timeSettings = analogSettings; break;
default: timeSettings = null; break;
}
return (
{time.title}
this.changeType()}>
{timeSettings}
{time.date.title}
localStorage.setItem('dateFormat', document.getElementById('dateformat').value)}>
localStorage.setItem('shortFormat', document.getElementById('shortformat').value)}>
);
}
}