@r3l/app/lib/modules/user/UAvatar.component.js

Relevant App

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

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

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

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

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

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

var _layout = require("../../styles/layout");

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

var _img = require("../../utils/img");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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; }

UAvatar.propTypes = {
  user: _propTypes.default.object,
  size: _propTypes.default.number,
  noLink: _propTypes.default.bool,
  goToProfile: _propTypes.default.func,
  sx: _propTypes.default.object
};

function UAvatar(_ref) {
  var size = _ref.size,
      user = _ref.user,
      onPress = _ref.goToProfile,
      noLink = _ref.noLink,
      sx = _ref.sx;
  var dispatch = (0, _reactRedux.useDispatch)();
  if (!user) return null;
  var profileLink = '/user/profile/' + user.handle;
  var imageSize = size || _layout.AVATAR_SIZE;
  var image = user.image ? {
    uri: (0, _img.resizeImage)(user.image, imageSize, imageSize)
  } : require("../../../public/img/default_user.jpg");

  var AvatarImage = /*#__PURE__*/_react.default.createElement(_styled.Image, {
    source: image,
    sx: {
      height: imageSize,
      width: imageSize,
      borderRadius: imageSize * 8 / 2
    }
  });

  if (noLink) {
    return /*#__PURE__*/_react.default.createElement(_styled.View, {
      sx: _objectSpread({}, sx)
    }, AvatarImage);
  }

  return /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: _objectSpread({}, sx)
  }, /*#__PURE__*/_react.default.createElement(_styled.Pressable, {
    nativeAction: function nativeAction() {
      return onPress ? onPress(user) : dispatch((0, _navigation.goToProfile)(user));
    } // onClick={(e) => e.stopPropagation()}
    ,
    to: profileLink
  }, AvatarImage));
}

var _default = /*#__PURE__*/(0, _react.memo)(UAvatar);

exports.default = _default;
//# sourceMappingURL=UAvatar.component.js.map