fix: Reset modal now works, widget order has reset button etc

This commit is contained in:
David Ralph
2021-03-31 12:21:37 +01:00
parent 353fa85cba
commit 5f9bc4a94b
11 changed files with 75 additions and 29 deletions

View File

@@ -26,7 +26,14 @@ export default class OrderSettings extends React.PureComponent {
this.setState(({items}) => ({
items: arrayMove(items, oldIndex, newIndex)
}));
};
}
reset = () => {
localStorage.setItem('order', JSON.stringify(['greeting', 'time', 'quote', 'date']));
this.setState({
items: JSON.parse(localStorage.getItem('order'))
});
}
componentDidUpdate() {
localStorage.setItem('order', JSON.stringify(this.state.items));
@@ -36,6 +43,7 @@ export default class OrderSettings extends React.PureComponent {
return (
<>
<h2>Order</h2>
<span className='modalLink' onClick={this.reset}>Reset</span>
<SortableContainer onSortEnd={this.onSortEnd}>
{this.state.items.map((value, index) => (
<SortableItem key={`item-${value}`} index={index} value={value} />