@r3l/app/lib/modules/discover/mobile/discoverUser.component.js

Relevant App

"use strict";

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

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

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

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

var _reactNativeWeb = require("react-native-web");

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

var _stats = _interopRequireDefault(require("../../stats/mobile/stats.component"));

var _avatarbox = _interopRequireDefault(require("../../user/avatarbox.component"));

var _reactRedux = require("react-redux");

var _navigation = require("../../navigation/navigation.actions");

var _styled = require("../../styled");

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

DiscoverUser.propTypes = {
  type: _propTypes.default.string,
  user: _propTypes.default.object,
  actions: _propTypes.default.object,
  topic: _propTypes.default.string,
  renderRight: _propTypes.default.func,
  showRelevance: _propTypes.default.bool
};

function DiscoverUser(_ref) {
  var user = _ref.user,
      type = _ref.type,
      showRelevance = _ref.showRelevance,
      renderRight = _ref.renderRight,
      topic = _ref.topic;
  if (!user) return null;
  var dispatch = (0, _reactRedux.useDispatch)();

  var setSelected = function setSelected() {
    if (type === 'invite') return;
    if (!user._id) return;
    dispatch((0, _navigation.goToProfile)(user));
  };

  var stats = /*#__PURE__*/_react.default.createElement(_stats.default, {
    type: 'percent',
    topic: topic,
    entity: user,
    renderLeft: topic ? /*#__PURE__*/_react.default.createElement(_styled.Text, null) : null
  });

  var right = renderRight ? renderRight() : stats;
  return /*#__PURE__*/_react.default.createElement(_reactNativeWeb.TouchableHighlight, {
    underlayColor: 'transparent',
    onPress: function onPress() {
      return setSelected();
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      flex: 1,
      paddingY: 3,
      paddingX: [2, 0],
      variant: 'borders.navBorder',
      borderBottomWidth: 1
    }
  }, /*#__PURE__*/_react.default.createElement(_avatarbox.default, {
    big: true,
    inline: 1,
    type: type,
    user: _objectSpread({}, user),
    setSelected: setSelected,
    showRelevance: showRelevance
  }), /*#__PURE__*/_react.default.createElement(_styled.View, {
    style: {
      alignItems: 'flex-end',
      justifyContent: 'center'
    }
  }, right)));
}

var _default = DiscoverUser;
exports.default = _default;
//# sourceMappingURL=discoverUser.component.js.map