react-lite-misc/lib/module/loading-more.js

Misc Components of jianliao.com

(function() {
  var React, T, cx, div;

  cx = require('classnames');

  React = require('react');

  div = React.createFactory('div');

  T = React.PropTypes;

  module.exports = React.createClass({
    displayName: 'loading-more',
    propTypes: {
      show: T.bool.isRequired,
      end: T.bool.isRequired,
      endLocale: T.string
    },
    render: function() {
      var className;
      className = cx('loading-more', 'loading-indicator', {
        muted: this.props.end
      });
      if (this.props.show) {
        if (this.props.end) {
          return div({
            className: className
          }, this.props.endLocale);
        } else {
          return div({
            className: className
          }, div({
            className: 'loader-dot'
          }), div({
            className: 'loader-dot'
          }), div({
            className: 'loader-dot'
          }));
        }
      } else {
        return div({
          className: className
        });
      }
    }
  });

}).call(this);