thinkful-ui/lib/AppBar/DesktopMenuToggle.js

Shared UI resources for Thinkful.

"use strict";

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

var _Gravatar = _interopRequireDefault(require("../Gravatar"));

var _Icon = _interopRequireDefault(require("../Icon"));

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

var DesktopMenuToggle = function DesktopMenuToggle(_ref) {
  var config = _ref.config,
      onClick = _ref.onClick;
  return /*#__PURE__*/_react["default"].createElement("a", {
    className: "tui-app-nav-arrow",
    onClick: onClick,
    href: "javascript:void(0)",
    "aria-label": "Toggle navigation links"
  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
    name: "navigatedown"
  }), /*#__PURE__*/_react["default"].createElement(_Gravatar["default"], {
    className: "tui-app-nav-gravatar",
    email: "",
    src: "".concat(config.api.url, "/api/hupers/me/avatar"),
    size: 120
  }));
};

DesktopMenuToggle.propTypes = {
  config: _propTypes["default"].shape({
    api: _propTypes["default"].shape({
      url: _propTypes["default"].string
    })
  }).isRequired,
  onClick: _propTypes["default"].func.isRequired
};
module.exports = DesktopMenuToggle;