mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-25 01:36:06 +08:00
33 lines
716 B
Plaintext
33 lines
716 B
Plaintext
|
React = require 'react'
|
||
|
|
_ = require "underscore-plus"
|
||
|
|
moment = require 'moment'
|
||
|
|
classNames = require 'classnames'
|
||
|
|
|
||
|
|
class TodayIcon extends React.Component
|
||
|
|
@displayName: 'TodayIcon'
|
||
|
|
|
||
|
|
constructor: (@props) ->
|
||
|
|
@state =
|
||
|
|
moment: moment()
|
||
|
|
|
||
|
|
componentDidMount: =>
|
||
|
|
@_setTimeState()
|
||
|
|
|
||
|
|
componentWillUnmount: =>
|
||
|
|
clearInterval(@_timer)
|
||
|
|
|
||
|
|
render: =>
|
||
|
|
classes = classNames
|
||
|
|
'today-icon': true
|
||
|
|
'selected': @props.selected
|
||
|
|
|
||
|
|
<div className={classes}>{@state.moment.format('D')}</div>
|
||
|
|
|
||
|
|
_setTimeState: =>
|
||
|
|
timeTillNextSecond = (60 - (new Date).getSeconds()) * 1000
|
||
|
|
@_timer = setTimeout(@_setTimeState, timeTillNextSecond)
|
||
|
|
@setState(moment: moment())
|
||
|
|
|
||
|
|
|
||
|
|
module.exports = TodayIcon
|