@r3l/app
Version:
264 lines (211 loc) • 12.4 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Discover = void 0;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
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 _redux = require("redux");
var _reactRedux = require("react-redux");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactRouterDom = require("react-router-dom");
var authActions = _interopRequireWildcard(require("../../auth/auth.actions"));
var postActions = _interopRequireWildcard(require("../../post/post.actions"));
var userActions = _interopRequireWildcard(require("../../user/user.actions"));
var navigationActions = _interopRequireWildcard(require("../../navigation/navigation.actions"));
var _discoverPosts = _interopRequireDefault(require("./discoverPosts.component"));
var discoverHelper = _interopRequireWildcard(require("../utils"));
var _styled = require("../../styled");
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 POST_PAGE_SIZE = 15;
var Discover = /*#__PURE__*/function (_Component) {
(0, _inherits2.default)(Discover, _Component);
var _super = _createSuper(Discover);
function Discover(_props, context) {
var _this;
(0, _classCallCheck2.default)(this, Discover);
_this = _super.call(this, _props, context);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
tabIndex: 1,
routes: discoverHelper.getRoutes(true)
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lastRefresh", 0);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "load", function (sort, props, _length) {
var _this$props = _this.props,
actions = _this$props.actions,
auth = _this$props.auth;
var _this$state = _this.state,
routes = _this$state.routes,
tabIndex = _this$state.tabIndex;
if (!routes[tabIndex]) return;
var community = auth.community;
sort = sort || routes[tabIndex].key;
props = props || _this.props;
var tags = props.match.params.tag ? [props.match.params.tag] : [];
var length = _length || 0;
actions.getPosts(length, tags, sort, POST_PAGE_SIZE, community);
});
var params = _this.props.match.params;
var _sort = params.sort;
if (_sort) _this.state.tabIndex = _this.state.routes.findIndex(function (tab) {
return tab.key === _sort;
});
return _this;
}
(0, _createClass2.default)(Discover, [{
key: "componentDidMount",
value: function componentDidMount() {
this.props.actions.setScrollTab('discover', this.props.match.params);
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
var _prevProps$match, _prevProps$match$para, _prevProps$match2, _prevProps$match2$par, _prevProps$match3, _prevProps$match3$par;
var alreadyLoading;
var _this$props$match$par = this.props.match.params,
tag = _this$props$match$par.tag,
sort = _this$props$match$par.sort,
community = _this$props$match$par.community;
var prevTag = prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$match = prevProps.match) === null || _prevProps$match === void 0 ? void 0 : (_prevProps$match$para = _prevProps$match.params) === null || _prevProps$match$para === void 0 ? void 0 : _prevProps$match$para.tag;
var prevSort = prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$match2 = prevProps.match) === null || _prevProps$match2 === void 0 ? void 0 : (_prevProps$match2$par = _prevProps$match2.params) === null || _prevProps$match2$par === void 0 ? void 0 : _prevProps$match2$par.sort;
var prevCommunity = prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$match3 = prevProps.match) === null || _prevProps$match3 === void 0 ? void 0 : (_prevProps$match3$par = _prevProps$match3.params) === null || _prevProps$match3$par === void 0 ? void 0 : _prevProps$match3$par.community;
if (tag !== prevTag || sort !== prevSort || community !== prevCommunity) {
this.props.actions.setScrollTab('discover', this.props.match.params);
}
if (this.props.refresh && this.props.refresh > this.lastRefresh) {
this.lastRefresh = this.props.refresh;
this.load(sort, this.props);
alreadyLoading = true;
return;
}
var userId = this.props.auth.user ? this.props.auth.user._id : null;
var prevUserId = prevProps.auth.user ? prevProps.auth.user._id : null; // TODO should we do this w refresh instead? when we log in / out?
if (userId !== prevUserId && !alreadyLoading) {
this.load(sort, this.props);
alreadyLoading = true;
return;
}
if (tag !== prevProps.match.params.tag) {
this.load(sort, this.props);
alreadyLoading = true;
}
if (this.props.reload !== prevProps.reload) {
this.load(sort, this.props);
alreadyLoading = true;
}
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
this.props.actions.setScrollTab('discover', {});
}
}, {
key: "getLoadedState",
value: function getLoadedState() {
var posts = this.props.posts;
var routes = this.state.routes;
var sort = routes[this.state.tabIndex].key;
var tag = this.props.match.params.tag;
var loadLookup = tag ? posts.loaded.topics[tag] : posts.loaded;
return loadLookup === null || loadLookup === void 0 ? void 0 : loadLookup[sort];
}
}, {
key: "render",
value: function render() {
var _this$state2 = this.state,
routes = _this$state2.routes,
tabIndex = _this$state2.tabIndex;
if (!routes[tabIndex]) return null;
var sort = routes[tabIndex].key;
var tag = this.props.match.params.tag;
return /*#__PURE__*/_react.default.createElement(_styled.View, {
sx: {
pb: 4
}
}, /*#__PURE__*/_react.default.createElement(_discoverPosts.default, (0, _extends2.default)({
key: 'posts' + sort + tag,
sort: sort,
load: this.load,
tag: tag,
pageSize: POST_PAGE_SIZE
}, this.props)));
}
}], [{
key: "fetchData",
value: function () {
var _fetchData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(dispatch, params) {
var sort, tag, community, length, tags;
return _regenerator.default.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
sort = params.sort, tag = params.tag, community = params.community;
length = 0; // TODO: ssr multi-page?
tags = tag ? [tag] : [];
return _context.abrupt("return", dispatch(postActions.getPosts(length, tags, sort, POST_PAGE_SIZE, community)));
case 4:
case "end":
return _context.stop();
}
}
}, _callee);
}));
function fetchData(_x, _x2) {
return _fetchData.apply(this, arguments);
}
return fetchData;
}()
}, {
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(nextProps, prevState) {
return discoverHelper.getDiscoverState(nextProps, prevState);
}
}]);
return Discover;
}(_react.Component);
exports.Discover = Discover;
(0, _defineProperty2.default)(Discover, "propTypes", {
match: _propTypes.default.object,
refresh: _propTypes.default.number,
auth: _propTypes.default.object,
posts: _propTypes.default.object,
user: _propTypes.default.object,
actions: _propTypes.default.object,
reload: _propTypes.default.number
});
function mapStateToProps(state) {
return {
auth: state.auth,
user: state.user,
posts: state.posts,
tags: state.tags,
investments: state.investments,
myPostInv: state.investments.myPostInv,
refresh: state.navigation.discover.refresh,
reload: state.navigation.reload
};
}
function mapDispatchToProps(dispatch) {
return {
actions: (0, _redux.bindActionCreators)(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, authActions), postActions), userActions), navigationActions), dispatch)
};
}
var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Discover));
exports.default = _default;
//# sourceMappingURL=discover.container.js.map