@r3l/app/lib/modules/discover/web/discoverTabs.component.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

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

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

var _web = require("../../styled/web");

var _utils = require("../utils");

var _community = require("../../community");

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

var DiscoverTabs = function DiscoverTabs(_ref) {
  var view = _ref.view,
      community = _ref.community;
  var isOwner = (0, _community.useRequireRole)(_community.MemberRole.OWNER);
  return /*#__PURE__*/_react.default.createElement(_styled.Row, null, (0, _utils.getRoutes)(isOwner).map(function (linkData, i) {
    var _view$discover;

    return /*#__PURE__*/_react.default.createElement(DiscoverTab, {
      key: i,
      tag: view === null || view === void 0 ? void 0 : (_view$discover = view.discover) === null || _view$discover === void 0 ? void 0 : _view$discover.tag,
      community: community,
      linkData: linkData
    });
  }));
};

DiscoverTabs.propTypes = {
  view: _propTypes.default.object,
  community: _propTypes.default.string
};

var DiscoverTab = function DiscoverTab(props) {
  var linkData = props.linkData,
      community = props.community,
      tag = props.tag;
  var url = community ? "/".concat(community, "/").concat(linkData.key) : '/communities';
  if (tag) url += "/".concat(tag);
  return /*#__PURE__*/_react.default.createElement(_web.StyledNavLink, {
    to: encodeURI(url)
  }, /*#__PURE__*/_react.default.createElement(_styled.Header, {
    sx: {
      color: 'grey',
      fontSize: [18, 3],
      mr: [8.001, 10.001]
    }
  }, linkData.title));
};

DiscoverTab.propTypes = {
  linkData: _propTypes.default.object,
  community: _propTypes.default.string,
  tag: _propTypes.default.string
};

function mapStateToProps(state) {
  return {
    view: state.navigation,
    community: state.auth.community
  };
}

var _default = (0, _reactRedux.connect)(mapStateToProps)(DiscoverTabs);

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