Mailspring/internal_packages/calendar-bar/lib/calendar-bar-item.cjsx
Evan Morikawa e3dfbe59be refactor(react): convert to class-based React components
Summary: Fix react upgrade errors

Test Plan: edgehill --test

Reviewers: bengotow

Reviewed By: bengotow

Differential Revision: https://review.inboxapp.com/D1456
2015-04-30 13:08:29 -07:00

35 lines
929 B
CoffeeScript

React = require 'react'
{Actions} = require("inbox-exports")
moment = require 'moment'
class CalendarBarItem extends React.Component
render: =>
style =
left: @props.item.xPercent
top: @props.item.yPercent
width: @props.item.wPercent
height: @props.item.hPercent
zIndex: @props.item.z
<div className="event" style={style} id={@props.item.event.id}>
<span className="title">{@props.item.event.title}</span>
<span className="time">{@_time()}</span>
</div>
_time: =>
w = @props.item.event.when
if w.start_time
return moment.unix(w.start_time).format('h:mm a')
else if w.time
return moment.unix(w.time).format('h:mm a')
else if w.start_date
return moment.unix(w.start_date).format('MMMM Do')
else
return ""
_onClick: (event) =>
event.preventDefault()
Actions.focusTag(@props.tag)
module.exports = CalendarBarItem