mirror of https://github.com/mue/mue.git
35 lines
874 B
JavaScript
35 lines
874 B
JavaScript
import React from 'react';
|
|
|
|
import './reminder.scss';
|
|
import Tooltip from '../../helpers/tooltip/Tooltip';
|
|
import { MdClose, MdSnooze, MdWork } from 'react-icons/md';
|
|
|
|
export default class Reminder extends React.PureComponent {
|
|
render() {
|
|
return (
|
|
<div className="reminder">
|
|
<div
|
|
className="identifier"
|
|
style={{
|
|
backgroundColor: localStorage.getItem('reminderColour') || 'orange',
|
|
}}
|
|
>
|
|
<MdWork />
|
|
</div>
|
|
<div className="content">
|
|
<span className="title">Reminder</span>
|
|
<span className="subtitle">Time</span>
|
|
</div>
|
|
<div className="icons">
|
|
<Tooltip title="Remove">
|
|
<MdClose />
|
|
</Tooltip>
|
|
<Tooltip title="Snooze">
|
|
<MdSnooze />
|
|
</Tooltip>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|