@kiwicom/smart-faq/lib/SmartFAQ/MobileBookingHeader/MobileUserDetail.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

var _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

var _User = require("../context/User");

var _SignOutButton = _interopRequireDefault(require("../common/layout/SignOutButton"));

// @flow
var MobileUserDetailStyle = new String(".MobileUserDetail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0;}");
MobileUserDetailStyle.__hash = "1201565728";
MobileUserDetailStyle.__scoped = ".MobileUserDetail.jsx-4109310209{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0;}";
MobileUserDetailStyle.__scopedHash = "4109310209";

var getUsername = function getUsername(user
/*: ?User*/
)
/*: string | null*/
{
  if (user && user.firstname) {
    return user.firstname;
  }

  if (user && user.email) {
    return user.email;
  }

  return null;
};

var MobileUserDetail = function MobileUserDetail() {
  return React.createElement(React.Fragment, null, React.createElement(_User.UserContext.Consumer, null, function (_ref) {
    var user = _ref.user;
    return React.createElement("div", {
      className: "jsx-".concat(MobileUserDetailStyle.__scopedHash) + " " + "MobileUserDetail"
    }, React.createElement(_Text.default, {
      type: "secondary"
    }, getUsername(user)), React.createElement(_SignOutButton.default, null), React.createElement(_style.default, {
      styleId: MobileUserDetailStyle.__scopedHash,
      css: MobileUserDetailStyle.__scoped
    }));
  }));
};

var _default = MobileUserDetail;
exports.default = _default;