admin-lte-react/UserPanel.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,
  statusIcon: _react.PropTypes.string,
  statusText: _react.PropTypes.string
};

var defaultProps = {
  image: '/images/no-avatar.png',
  name: 'Full Name',
  statusIcon: 'fa fa-circle text-success',
  statusText: 'Online'
};

function UserPanel(_ref) {
  var image = _ref.image;
  var name = _ref.name;
  var statusIcon = _ref.statusIcon;
  var statusText = _ref.statusText;

  return _react2.default.createElement(
    'div',
    { className: 'user-panel' },
    _react2.default.createElement(
      'div',
      { className: 'pull-left image' },
      _react2.default.createElement('img', { src: image, className: 'img-circle', alt: 'User' })
    ),
    _react2.default.createElement(
      'div',
      { className: 'pull-left info' },
      _react2.default.createElement(
        'p',
        null,
        name
      ),
      _react2.default.createElement(
        'a',
        null,
        _react2.default.createElement('i', { className: statusIcon }),
        ' ',
        statusText
      )
    )
  );
}

UserPanel.propTypes = propTypes;
UserPanel.defaultProps = defaultProps;

var _default = UserPanel;
exports.default = _default;
;

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

  __REACT_HOT_LOADER__.register(propTypes, 'propTypes', 'src/lib/sidebar/UserPanel.js');

  __REACT_HOT_LOADER__.register(defaultProps, 'defaultProps', 'src/lib/sidebar/UserPanel.js');

  __REACT_HOT_LOADER__.register(UserPanel, 'UserPanel', 'src/lib/sidebar/UserPanel.js');

  __REACT_HOT_LOADER__.register(_default, 'default', 'src/lib/sidebar/UserPanel.js');
})();

;