atsid/gcal-leave-scraper

const React = require('react');
const EventView = require('./EventView');

const Timeline = React.createClass({
  propTypes: {
    calendars: React.PropTypes.array,
    filter: React.PropTypes.string,
    userId: React.PropTypes.string,
    range: React.PropTypes.object,
    onLoaded: React.PropTypes.func,
  },

  getStyles() {
    return {
      display: 'inline-block',
      position: 'absolute',
      right: '0px',
      left: '200px',
      top: '0px',
      bottom: '0px',
      padding: '1px',
    };
  },

  renderTimeline() {
    return (
      <EventView
        onLoaded={this.props.onLoaded}
        calendars={this.props.calendars}
        userId={this.props.userId}
        filter={this.props.filter}
        range={this.props.range} />
    );
  },

  render() {
    return (
      <div
        style={this.getStyles()}>
        {this.renderTimeline()}
      </div>
    );
  },
});

module.exports = Timeline;