@r3l/app/lib/modules/post/mobile/post.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 _react = _interopRequireWildcard(require("react"));

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

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

var _postinfo = _interopRequireDefault(require("../postinfo.component"));

var _postButtons = _interopRequireDefault(require("./postButtons.container"));

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

var _commentary = _interopRequireDefault(require("./commentary.component"));

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

Post.propTypes = {
  link: _propTypes.default.object,
  post: _propTypes.default.object,
  commentary: _propTypes.default.array,
  singlePost: _propTypes.default.bool,
  hideDivider: _propTypes.default.bool,
  preview: _propTypes.default.bool,
  noLink: _propTypes.default.bool,
  focusInput: _propTypes.default.func,
  avatarText: _propTypes.default.func
};

function Post(props) {
  var link = props.link,
      commentary = props.commentary,
      singlePost = props.singlePost,
      hideDivider = props.hideDivider,
      preview = props.preview,
      noLink = props.noLink,
      post = props.post,
      focusInput = props.focusInput,
      avatarText = props.avatarText;

  var separator = /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      pt: 4,
      bg: 'rgba(0,0,0,.03)'
    }
  });

  var blocked = /*#__PURE__*/_react.default.createElement(_styled.View, {
    style: {
      height: _reactNativeWeb.StyleSheet.hairlineWidth
    }
  });

  if (!post || !post._id) return blocked;
  var isLinkPost = link && (link.url || link.image);
  var renderComment = commentary && commentary.length;
  var commentaryEl = renderComment ? /*#__PURE__*/_react.default.createElement(_commentary.default, {
    isReply: true,
    isLinkPost: isLinkPost,
    preview: preview,
    post: post,
    link: link,
    singlePost: singlePost,
    commentary: commentary || [post]
  }) : null;
  var postEl = isLinkPost ? /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      mt: preview ? 4 : 0
    }
  }, /*#__PURE__*/_react.default.createElement(_postinfo.default, {
    key: link._id,
    post: post,
    link: link,
    singlePost: singlePost,
    preview: preview,
    noLink: noLink
  }), !preview && /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      m: 2
    }
  }, /*#__PURE__*/_react.default.createElement(_postButtons.default, {
    focusInput: focusInput,
    horizontal: true,
    post: post,
    singlePost: singlePost,
    link: link
  }))) : /*#__PURE__*/_react.default.createElement(_commentary.default, {
    preview: preview,
    post: post,
    link: link,
    singlePost: singlePost,
    commentary: [post],
    focusInput: focusInput,
    avatarText: avatarText
  });
  return /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      overflow: 'hidden'
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.View, null, postEl, commentaryEl || (preview && isLinkPost ? /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      mt: 2
    }
  }) : null)), !singlePost && !hideDivider ? separator : null);
}

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

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