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

feat: random messages

Browse Source
This commit is contained in:
David Ralph
2021-09-17 13:39:55 +01:00
parent a946d07c9c
commit 93ba1cd9bf
11 changed files with 90 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/widgets/message/Message.jsx
View File

@@ -8,7 +8,7 @@ export default class Message extends PureComponent {
constructor(props) {
super(props);
this.state = {
messageText: localStorage.getItem('messageText')
messageText: ''
};
this.message = createRef();
}
@@ -22,20 +22,20 @@ export default class Message extends PureComponent {
this.message.current.style.display = 'block';
this.message.current.style.fontSize = `${1.6 * Number((localStorage.getItem('zoomMessage') || 100) / 100)}em`;
this.setState({
messageText: localStorage.getItem('messageText')
});
}
});
this.message.current.style.fontSize = `${1.6 * Number((localStorage.getItem('zoomMessage') || 100) / 100)}em`;
const messages = JSON.parse(localStorage.getItem('messages')) || [];
this.setState({
messageText: messages[Math.floor(Math.random() * messages.length)]
});
}
render() {
return (
<h2 className='message' ref={this.message}>
{localStorage.getItem('messageText')}
{this.state.messageText}
</h2>
);
}