shradmin/lib/pages/AppBar/index.js

A frontend Framework for building admin application, using antd and mirrorjs.

'use strict';

exports.__esModule = true;

var _style4 = require('antd/lib/row/style');

var _row = require('antd/lib/row');

var _row2 = _interopRequireDefault(_row);

var _style5 = require('antd/lib/col/style');

var _col = require('antd/lib/col');

var _col2 = _interopRequireDefault(_col);

var _style6 = require('antd/lib/icon/style');

var _icon = require('antd/lib/icon');

var _icon2 = _interopRequireDefault(_icon);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _mirrorx = require('mirrorx');

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

var style = {
  bar: {
    display: "flex"
  },
  leftTitle: {
    fontSize: "18px",
    lineHeight: "64px"
  },
  trigger: {
    padding: "0 16px",
    cursor: "pointer",
    transition: "color .3s"
  },
  userMenu: {
    float: "right",
    paddingRight: "2em"
  }
};

var AppBar = function AppBar(_ref) {
  var collapsed = _ref.collapsed,
      title = _ref.title,
      translate = _ref.translate,
      userMenu = _ref.userMenu;
  return _react2.default.createElement(
    _row2.default,
    { type: 'flex', justify: 'space-between' },
    _react2.default.createElement(
      _col2.default,
      { style: style.leftTitle },
      _react2.default.createElement(_icon2.default, {
        style: style.trigger,
        type: collapsed ? "menu-unfold" : "menu-fold",
        onClick: _mirrorx.actions.collapsed.toggle
      }),
      title
    ),
    userMenu && _react2.default.createElement(
      _col2.default,
      { style: style.userMenu },
      _react2.default.cloneElement(userMenu, {
        translate: translate
      })
    )
  );
};

AppBar.propTypes = process.env.NODE_ENV !== "production" ? {
  userMenu: _propTypes2.default.node
} : {};

exports.default = AppBar;
module.exports = exports['default'];