@r3l/app
Version:
191 lines (155 loc) • 7.9 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 = void 0;
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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactRedux = require("react-redux");
var _redux = require("redux");
var _navigation = require("../navigation.actions");
var _navProfile = _interopRequireDefault(require("../../profile/navProfile.component"));
var _communityNav = _interopRequireDefault(require("../../community/communityNav.component"));
var _sideNavFooter = _interopRequireDefault(require("../sideNavFooter.component"));
var _styles = require("../../../styles");
var _menuIcon = _interopRequireDefault(require("../../ui/web/menuIcon.component"));
var _layout = require("../../../styles/layout");
var _history = _interopRequireDefault(require("../history"));
var _styled = require("../../styled");
var _reactNativeWeb = require("react-native-web");
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 _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 SideNav = /*#__PURE__*/function (_Component) {
(0, _inherits2.default)(SideNav, _Component);
var _super = _createSuper(SideNav);
function SideNav() {
(0, _classCallCheck2.default)(this, SideNav);
return _super.apply(this, arguments);
}
(0, _createClass2.default)(SideNav, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this = this;
_history.default.listen(function () {
_this.props.actions.closeWebSideNav();
});
}
}, {
key: "render",
value: function render() {
var _this$props = this.props,
community = _this$props.community,
actions = _this$props.actions,
notif = _this$props.notif,
navigation = _this$props.navigation;
var screenSize = navigation.screenSize;
var logoLink = "/".concat(community || 'relevant', "/new");
var top = notif.promptType ? _styles.layout.BANNER_PROMPT_HEIGHT : [0];
return /*#__PURE__*/_react.default.createElement(_styled.View, {
webContainerSx: {
position: 'sticky',
top: notif.promptType ? _styles.layout.BANNER_PROMPT_HEIGHT : [0],
zIndex: 100
},
style: {
position: 'sticky'
},
sx: {
zIndex: 100,
top: 0
}
}, /*#__PURE__*/_react.default.createElement(_styled.Row, {
sx: {
bg: 'lightGreyBg',
width: _styles.layout.sideNavWidth,
maxWidth: _styles.layout.sideNavWidth,
zIndex: 100,
height: '100vh',
paddingBottom: top,
variant: 'borders.navBorder',
borderRightWidth: 1
}
}, /*#__PURE__*/_react.default.createElement("div", {
style: {
flexDirection: 'column',
display: 'block',
overflow: 'scroll',
WebkitOverflowScrolling: 'touch',
flex: 1,
width: _styles.layout.sideNavWidth
}
}, /*#__PURE__*/_react.default.createElement(_reactNativeWeb.View, {
style: {
position: screenSize ? 'relative' : 'sticky',
zIndex: 10,
top: 0
}
}, /*#__PURE__*/_react.default.createElement(_styled.Row, {
sx: {
px: [2, _layout.SIDE_NAV_PADDING],
height: _styles.layout.headerHeight,
bg: 'lightGreyBg',
alignItems: 'center',
justifyContent: 'space-between',
variant: 'borders.navBorder',
borderBottomWidth: 1
}
}, /*#__PURE__*/_react.default.createElement(_styled.Pressable, {
sx: {
alignItems: 'center'
},
to: logoLink
}, /*#__PURE__*/_react.default.createElement(_styled.Image, {
sx: {
height: 4 * 8,
width: 22 * 8
},
resizeMode: 'contain',
source: '/img/logo-opt.png',
alt: 'Relevant'
})), /*#__PURE__*/_react.default.createElement(_menuIcon.default, null))), /*#__PURE__*/_react.default.createElement(_navProfile.default, null), /*#__PURE__*/_react.default.createElement(_communityNav.default, (0, _extends2.default)({}, this.props, {
viewCommunityMembers: function viewCommunityMembers() {
actions.showModal('communityMembers');
},
showSettings: function showSettings() {
actions.showModal('communitySettings');
}
})), /*#__PURE__*/_react.default.createElement(_sideNavFooter.default, null))));
}
}]);
return SideNav;
}(_react.Component);
SideNav.propTypes = {
actions: _propTypes.default.object,
community: _propTypes.default.string,
navigation: _propTypes.default.object,
notif: _propTypes.default.object
};
var mapStateToProps = function mapStateToProps(state) {
return {
community: state.auth.community,
isAuthenticated: state.auth.isAuthenticated,
navigation: state.navigation,
notif: state.notif
};
};
var _default = (0, _reactRedux.connect)(mapStateToProps, function (dispatch) {
return {
actions: (0, _redux.bindActionCreators)({
showModal: _navigation.showModal,
closeWebSideNav: _navigation.closeWebSideNav
}, dispatch)
};
})(SideNav);
exports.default = _default;
//# sourceMappingURL=sideNav.component.js.map