@r3l/app
Version:
211 lines (170 loc) • 10.4 kB
JavaScript
;
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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactRouterDom = require("react-router-dom");
var _redux = require("redux");
var _reactRedux = require("react-redux");
var _styles = require("../../../styles");
var commentActions = _interopRequireWildcard(require("../comment.actions"));
var investActions = _interopRequireWildcard(require("../../post/invest.actions"));
var createPostActions = _interopRequireWildcard(require("../../createPost/createPost.actions"));
var animationActions = _interopRequireWildcard(require("../../animation/animation.actions"));
var _styled = require("../../styled");
var _commentForm = _interopRequireDefault(require("./commentForm.component"));
var _comment2 = _interopRequireDefault(require("./comment.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; }
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; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
var Comments = /*#__PURE__*/function (_Component) {
(0, _inherits2.default)(Comments, _Component);
var _super = _createSuper(Comments);
function Comments() {
var _this;
(0, _classCallCheck2.default)(this, Comments);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
activeComment: null
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setActiveComment", function (commentId) {
var activeComment = _this.state.activeComment === commentId ? null : commentId;
_this.setState({
activeComment: activeComment
});
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrollTo", function (x, y) {
var paddingY = window.outerHeight / 4;
window.scrollTo(x, y - paddingY);
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderComment", function (_ref) {
var comment = _ref.comment,
additionalNesting = _ref.additionalNesting,
focusedComment = _ref.focusedComment,
_ref$orphan = _ref.orphan,
orphan = _ref$orphan === void 0 ? false : _ref$orphan;
var _this$props = _this.props,
comments = _this$props.comments,
posts = _this$props.posts,
post = _this$props.post,
myPostInv = _this$props.myPostInv,
user = _this$props.user,
screenSize = _this$props.screenSize;
return /*#__PURE__*/_react.default.createElement(_comment2.default, {
comment: comment,
myPostInv: myPostInv,
user: user,
activeComment: _this.state.activeComment,
setActiveComment: _this.setActiveComment,
childComments: comments.childComments,
posts: posts,
parentPost: post,
nestingLevel: additionalNesting,
focusedComment: focusedComment,
scrollTo: _this.scrollTo,
screenSize: screenSize,
orphan: orphan
});
});
return _this;
}
(0, _createClass2.default)(Comments, [{
key: "scrollToBottom",
value: function scrollToBottom() {
window.scrollTo(0, document.body.scrollHeight);
}
}, {
key: "render",
value: function render() {
var _comments$childCommen,
_comments$orphans,
_match$params,
_this2 = this;
var _this$props2 = this.props,
comments = _this$props2.comments,
posts = _this$props2.posts,
post = _this$props2.post,
match = _this$props2.match,
screenSize = _this$props2.screenSize;
var children = ((_comments$childCommen = comments.childComments) === null || _comments$childCommen === void 0 ? void 0 : _comments$childCommen[post._id]) || [];
var orphans = ((_comments$orphans = comments.orphans) === null || _comments$orphans === void 0 ? void 0 : _comments$orphans[post._id]) || [];
var focusedComment = match === null || match === void 0 ? void 0 : (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.commentId;
var additionalNesting = screenSize ? 0 : _styles.layout.POST_BUTTONS_NESTING_UNITS;
return /*#__PURE__*/_react.default.createElement(_styled.Box, null, /*#__PURE__*/_react.default.createElement(_commentForm.default, {
nestingLevel: 0,
additionalNesting: screenSize ? 0 : _styles.layout.POST_BUTTONS_NESTING_UNITS,
buttonText: 'Comment',
parentPost: post,
sx: {
p: [2, 4],
pt: [4, 0]
}
}), children.length !== 0 ? /*#__PURE__*/_react.default.createElement(_styled.Box, null, children.map(function (id) {
var comment = posts.posts[id];
if (!comment) return null;
return /*#__PURE__*/_react.default.createElement(_styled.View, {
key: id
}, _this2.renderComment({
comment: comment,
additionalNesting: additionalNesting,
focusedComment: focusedComment
}));
})) : null, orphans.length !== 0 ? /*#__PURE__*/_react.default.createElement(_styled.Box, null, orphans.map(function (id) {
var comment = posts.posts[id];
if (!comment) return null;
return /*#__PURE__*/_react.default.createElement(_styled.View, {
key: id
}, _this2.renderComment({
comment: comment,
additionalNesting: additionalNesting,
focusedComment: focusedComment,
orphan: true
}));
})) : null);
}
}]);
return Comments;
}(_react.Component);
(0, _defineProperty2.default)(Comments, "propTypes", {
actions: _propTypes.default.object,
match: _propTypes.default.object,
comments: _propTypes.default.object,
posts: _propTypes.default.object,
auth: _propTypes.default.object,
post: _propTypes.default.object,
myPostInv: _propTypes.default.object,
user: _propTypes.default.object,
screenSize: _propTypes.default.number
});
var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(function (state) {
return {
auth: state.auth,
comments: state.comments,
myPostInv: state.investments.myPostInv,
user: state.user,
screenSize: state.navigation.screenSize
};
}, function (dispatch) {
return {
actions: (0, _redux.bindActionCreators)(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, commentActions), createPostActions), investActions), animationActions), dispatch)
};
})(Comments));
exports.default = _default;
//# sourceMappingURL=comment.container.js.map