mirror of
https://github.com/mue/mue.git
synced 2026-07-14 04:24:01 +02:00
WIP countdown widget
This commit is contained in:
22
src/components/widgets/countdown/Countdown.jsx
Normal file
22
src/components/widgets/countdown/Countdown.jsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import React from 'react';
|
||||
import Countdown from 'react-countdown';
|
||||
|
||||
import './countdown.scss';
|
||||
|
||||
export default class CountdownWidget extends React.PureComponent {
|
||||
constructor(...args) {
|
||||
super(...args);
|
||||
this.state = {
|
||||
countdown: new Date(localStorage.getItem('birthday')),
|
||||
message: localStorage.getItem('countdownmessage') || 'until tomorrow'
|
||||
};
|
||||
}
|
||||
|
||||
render() {
|
||||
if (localStorage.getItem('countdown') === 'false') return;
|
||||
return <h4 className='countdown'>
|
||||
<Countdown date={this.state.countdown + 10000} onComplete={() => this.setState({ message: 'Today\'s the day!'})} /><br/>
|
||||
{this.state.message}
|
||||
</h4>;
|
||||
}
|
||||
}
|
||||
5
src/components/widgets/countdown/countdown.scss
Normal file
5
src/components/widgets/countdown/countdown.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
.countdown {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
Reference in New Issue
Block a user