@r3l/app/lib/modules/comment/comment.info.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 _propTypes = _interopRequireDefault(require("prop-types"));

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

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

var _UAvatar = _interopRequireDefault(require("../user/UAvatar.component"));

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

var _numbers = require("../../utils/numbers");

var _postTitle = require("../post/postTitle.component");

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

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

// import { getTitle } from 'utils/text';
CommentInfo.propTypes = {
  comment: _propTypes.default.object,
  user: _propTypes.default.object
};

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

exports.default = _default;

function CommentInfo(_ref) {
  var comment = _ref.comment,
      user = _ref.user;
  // const { isHeading, titleText } = getTitle(comment.body);
  // {isHeading && <Header inline={1}>{titleText}</Header>}
  // {!isHeading && titleText && <Highlight>{titleText}</Highlight>}
  user = user || comment.embeddedUser;
  return /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      flex: 1,
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement(_UAvatar.default, {
    size: 7,
    vertical: true,
    user: user
  }), /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      flex: 1,
      ml: 2,
      mr: [2, 3]
    }
  }, /*#__PURE__*/_react.default.createElement(InfoRow, {
    comment: comment,
    user: user
  }), /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      flexWrap: 'wrap',
      alignItems: 'flex-end',
      height: 4,
      overflow: 'hidden'
    },
    numberOfLines: 1
  }, /*#__PURE__*/_react.default.createElement(_postTitle.CommentEl, {
    post: comment,
    postUrl: true
  }), /*#__PURE__*/_react.default.createElement(_postTitle.TagEl, {
    post: comment
  }))));
}

InfoRow.propTypes = {
  comment: _propTypes.default.object,
  user: _propTypes.default.object
};

function InfoRow(_ref2) {
  var comment = _ref2.comment,
      user = _ref2.user;
  var dispatch = (0, _reactRedux.useDispatch)();
  var postTime = comment.createdAt;
  var timestamp = !!postTime && ' • ' + (0, _numbers.getTimestamp)(postTime);
  if (!comment.embeddedUser) return null;
  var handle = comment.embeddedUser.handle;
  return /*#__PURE__*/_react.default.createElement(_styled.InlineLink, {
    to: "/user/profile/".concat(handle),
    nativeAction: function nativeAction() {
      return dispatch((0, _navigation.goToProfile)(handle));
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.InlineText, null, /*#__PURE__*/_react.default.createElement(_avatarbox.UserName, {
    user: user,
    showRel: true
  }), /*#__PURE__*/_react.default.createElement(_styled.SecondaryText, {
    sx: {
      mt: 2.01
    }
  }, '\n', "@", handle, " ", timestamp)));
}
//# sourceMappingURL=comment.info.js.map