admin-lte-react/MessagesMenuItem.js

AdminLTE react components

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var propTypes = {
  image: _react.PropTypes.string,
  name: _react.PropTypes.string,
  timestamp: _react.PropTypes.string,
  children: _react.PropTypes.node,
  onClick: _react.PropTypes.func
};

var defaultProps = {
  image: '/images/user.png',
  name: 'Not Available',
  timestamp: 'N/A'
};

function MessagesMenuItem(_ref) {
  var image = _ref.image;
  var name = _ref.name;
  var timestamp = _ref.timestamp;
  var children = _ref.children;
  var onClick = _ref.onClick;

  return _react2.default.createElement(
    'li',
    null,
    _react2.default.createElement(
      'a',
      { style: { cursor: 'pointer' }, onClick: onClick },
      _react2.default.createElement(
        'div',
        { className: 'pull-left' },
        _react2.default.createElement('img', {
          src: image,
          className: 'img-circle', alt: 'User'
        })
      ),
      _react2.default.createElement(
        'h4',
        null,
        name,
        _react2.default.createElement(
          'small',
          null,
          _react2.default.createElement('i', { className: 'fa fa-clock-o' }),
          ' ',
          timestamp
        )
      ),
      _react2.default.createElement(
        'p',
        null,
        children
      )
    )
  );
}

MessagesMenuItem.propTypes = propTypes;
MessagesMenuItem.defaultProps = defaultProps;

var _default = MessagesMenuItem;
exports.default = _default;
;

(function () {
  if (typeof __REACT_HOT_LOADER__ === 'undefined') {
    return;
  }

  __REACT_HOT_LOADER__.register(propTypes, 'propTypes', 'src/lib/header/MessagesMenuItem.js');

  __REACT_HOT_LOADER__.register(defaultProps, 'defaultProps', 'src/lib/header/MessagesMenuItem.js');

  __REACT_HOT_LOADER__.register(MessagesMenuItem, 'MessagesMenuItem', 'src/lib/header/MessagesMenuItem.js');

  __REACT_HOT_LOADER__.register(_default, 'default', 'src/lib/header/MessagesMenuItem.js');
})();

;